feat(vue-demo): move breadcrumbs (#361)

shopware · Aug 17, 2023 · bc0d8d4 · bc0d8d4
1 parent 50a9db5
commit bc0d8d4
Show file tree

Hide file tree

Showing 10 changed files with 13 additions and 1 deletion.
diff --git a/.changeset/silly-pans-flash.md b/.changeset/silly-pans-flash.md
@@ -0,0 +1,5 @@
+---
+"vue-demo-store": minor
+---
+
+Move `LayoutBreadcrumbs` component from the layout to the lower-level components
diff --git a/templates/vue-demo-store/components/FrontendDetailPage.vue b/templates/vue-demo-store/components/FrontendDetailPage.vue
@@ -34,6 +34,7 @@ const { product } = useProduct(
 useCmsHead(product, { mainShopTitle: "Shopware Frontends Demo Store" });
 </script>
 <template>
+  <LayoutBreadcrumbs />
   <div class="container mx-auto bg-white flex flex-col">
     <template v-if="!product?.cmsPage">
       <ProductStatic :product="product" />

diff --git a/templates/vue-demo-store/components/FrontendLandingPage.vue b/templates/vue-demo-store/components/FrontendLandingPage.vue
@@ -25,5 +25,6 @@ if (typeof landingResponse?.value !== null) {
 </script>
 
 <template>
+  <LayoutBreadcrumbs />
   <CmsPage v-if="landingResponse?.cmsPage" :content="landingResponse.cmsPage" />
 </template>
diff --git a/templates/vue-demo-store/components/FrontendNavigationPage.vue b/templates/vue-demo-store/components/FrontendNavigationPage.vue
@@ -35,5 +35,6 @@ useCmsHead(category, { mainShopTitle: "Shopware Frontends Demo Store" });
 </script>
 
 <template>
+  <LayoutBreadcrumbs />
   <CmsPage v-if="category?.cmsPage" :content="category.cmsPage" />
 </template>
diff --git a/templates/vue-demo-store/layouts/default.vue b/templates/vue-demo-store/layouts/default.vue
@@ -24,7 +24,6 @@ provide("swNavigation-footer-navigation", footerData);
     <LayoutHeader />
     <LayoutNotifications />
     <div class="mx-auto">
-      <LayoutBreadcrumbs />
       <slot />
     </div>
     <LayoutFooter />

diff --git a/templates/vue-demo-store/pages/login.vue b/templates/vue-demo-store/pages/login.vue
@@ -30,6 +30,7 @@ export default {
 </script>
 
 <template>
+  <LayoutBreadcrumbs />
   <div class="login-wrapper">
     <AccountLoginForm @success="redirectAfterLogin('/account')">
       <div class="flex items-center justify-end">

diff --git a/templates/vue-demo-store/pages/reset-password.vue b/templates/vue-demo-store/pages/reset-password.vue
@@ -12,6 +12,7 @@ useBreadcrumbs([
 </script>
 
 <template>
+  <LayoutBreadcrumbs />
   <div class="reset-password-wrapper">
     <AccountResetPasswordForm>
       <template #action>

diff --git a/templates/vue-demo-store/pages/search.vue b/templates/vue-demo-store/pages/search.vue
@@ -56,6 +56,7 @@ export default {
 </script>
 
 <template>
+  <LayoutBreadcrumbs />
   <div
     class="container mb-8 mx-4 md:mx-auto"
     data-testid="search-results-container"

diff --git a/templates/vue-demo-store/pages/shopware.vue b/templates/vue-demo-store/pages/shopware.vue
@@ -26,6 +26,7 @@ useBreadcrumbs([
 </script>
 
 <template>
+  <LayoutBreadcrumbs />
   <div class="flex justify-center">
     <img
       class="md:w-11/12"

diff --git a/templates/vue-demo-store/pages/wishlist.vue b/templates/vue-demo-store/pages/wishlist.vue
@@ -71,6 +71,7 @@ watch(
 </script>
 
 <template>
+  <LayoutBreadcrumbs />
   <div class="wishlist-page" data-testid="wishlist-wrapper">
     <div
       class="max-w-2xl mx-auto py-4 px-4 sm:py-4 sm:px-6 lg:max-w-7xl lg:px-8"