@shopbite-de/storefront 1.2.0 → 1.2.2

package/app/components/Category/Listing.vue

@@ -7,63 +7,6 @@ const props = defineProps<{
 
 const { id: categoryId } = toRefs(props);
 
-const {
-  resetFilters,
-  loading,
-  search,
-  getElements,
-  getCurrentSortingOrder,
-  getSortingOrders,
-  changeCurrentSortingOrder,
-  getAvailableFilters,
-  getCurrentFilters,
-  setCurrentFilters,
-} = useListing({
-  listingType: "categoryListing",
-  categoryId: props.id,
-});
-
-const { search: categorySearch } = useCategorySearch();
-
-const { data: category } = await useAsyncData(
-  `category${categoryId.value}`,
-  async () => {
-    return await categorySearch(categoryId.value);
-  },
-);
-
-const pageTitle = computed(
-  () =>
-    `${category.value?.translated.name ?? category.value?.name} | Speisekarte`,
-);
-
-useSeoMeta({
-  title: pageTitle,
-  robots: "index,follow",
-});
-
-const currentSorting = ref(getCurrentSortingOrder.value ?? "Sortieren");
-
-const propertyFilters = computed<Schemas["PropertyGroup"][]>(() =>
-  getAvailableFilters.value?.filter(
-    (availableFilter) => availableFilter.code === "properties",
-  ),
-);
-
-const selectedPropertyFilters = ref(getCurrentFilters.value?.properties ?? []);
-const selectedPropertyFiltersString = computed(() =>
-  selectedPropertyFilters.value?.join("|"),
-);
-
-const selectedListingFilters = computed<ShortcutFilterParam[]>(() => {
-  return [
-    {
-      code: "properties",
-      value: selectedPropertyFiltersString.value,
-    },
-  ];
-});
-
 const query = {
   includes: {
     product: [
@@ -90,12 +33,6 @@ const query = {
     product_configurator_setting: ["id", "optionId", "option", "productId"],
     product_option: ["id", "groupId", "name", "translated", "group"],
   },
-  sort: [
-    {
-      field: "productNumber",
-      order: "ASC",
-    },
-  ],
   associations: {
     cover: {
       associations: {
@@ -139,6 +76,64 @@ const query = {
   },
 } as operations["searchPage post /search"]["body"];
 
+const {
+  resetFilters,
+  loading,
+  search,
+  getElements,
+  getCurrentSortingOrder,
+  getSortingOrders,
+  changeCurrentSortingOrder,
+  getAvailableFilters,
+  getCurrentFilters,
+  setCurrentFilters,
+} = useListing({
+  listingType: "categoryListing",
+  categoryId: props.id,
+  defaultSearchCriteria: query,
+});
+
+const { search: categorySearch } = useCategorySearch();
+
+const { data: category } = await useAsyncData(
+  `category${categoryId.value}`,
+  async () => {
+    return await categorySearch(categoryId.value);
+  },
+);
+
+const pageTitle = computed(
+  () =>
+    `${category.value?.translated.name ?? category.value?.name} | Speisekarte`,
+);
+
+useSeoMeta({
+  title: pageTitle,
+  robots: "index,follow",
+});
+
+const currentSorting = ref(getCurrentSortingOrder.value ?? "Sortieren");
+
+const propertyFilters = computed<Schemas["PropertyGroup"][]>(() =>
+  getAvailableFilters.value?.filter(
+    (availableFilter) => availableFilter.code === "properties",
+  ),
+);
+
+const selectedPropertyFilters = ref(getCurrentFilters.value?.properties ?? []);
+const selectedPropertyFiltersString = computed(() =>
+  selectedPropertyFilters.value?.join("|"),
+);
+
+const selectedListingFilters = computed<ShortcutFilterParam[]>(() => {
+  return [
+    {
+      code: "properties",
+      value: selectedPropertyFiltersString.value,
+    },
+  ];
+});
+
 await useAsyncData(`listing${categoryId.value}`, async () => {
   await search(query);
 });

package/content/index.yml

@@ -55,15 +55,7 @@ marquee:
   title: Das lieben unsere Kunden
   description: Kundenbilder
   headline: SHOPBITE
-  items:
-    - productId: 019a4f2e717b7df7a349761a56c43ac3
-      image: https://shopware.shopbite.de/media/e4/82/55/1762465420/72.webp
-    - productId: 019a4f4552ff7251a1fa20a2e1a3a707
-      image: https://shopware.shopbite.de/media/5f/43/cc/1762465330/131.webp
-    - productId: 019a4ea153e671c6ba20810b541e1455
-      image: https://shopware.shopbite.de/media/f1/53/f9/1762465329/35.webp
-    - productId: 019a4ea153e671c6ba20810b541e1455
-      image: https://shopware.shopbite.de/media/5f/c7/ec/1762465330/122.webp
+
 gallery:
   title: Restaurant
   description: Genießen Sie leckeres Essen in einem rustikalen und gemütlichen Ambiente.
@@ -74,21 +66,7 @@ gallery:
       color: primary
       variant: subtle
       trailingIcon: i-lucide-phone
-  images:
-    - image: https://shopware.shopbite.de/media/71/2a/1a/1762465670/restaurant1.webp
-      alt: La Fattoria Restaurant Innenbereich 1
-    - image: https://shopware.shopbite.de/media/61/ea/77/1762465670/restaurant2.webp
-      alt: La Fattoria Restaurant Innenbereich 2
-    - image: https://shopware.shopbite.de/media/6d/ac/ca/1762465670/restaurant3.webp
-      alt: La Fattoria Restaurant Innenbereich 3
-    - image: https://shopware.shopbite.de/media/af/d6/da/1762465670/restaurant4.webp
-      alt: La Fattoria Restaurant Innenbereich 4
-    - image: https://shopware.shopbite.de/media/6a/ff/e2/1762465670/restaurant5.webp
-      alt: La Fattoria Restaurant Innenbereich 5
-    - image: https://shopware.shopbite.de/media/80/76/d0/1762465670/restaurant6.webp
-      alt: La Fattoria Restaurant Innenbereich 6
-    - image: https://nbg1.your-objectstorage.com/lafattoria-public/media/30/f7/76/1763383122/restaurant10.webp
-      alt: La Fattoria Restaurant Innenbereich 10
+
 cta:
   title: Jetzt bestellen!
   description: Genieße die italienische Küche, frisch zubereitet und direkt zu dir geliefert oder vor Ort genießen.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopbite-de/storefront",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "main": "nuxt.config.ts",
   "description": "Shopware storefront for food delivery shops",
   "keywords": [