@shopbite-de/storefront 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -7,63 +7,6 @@ const props = defineProps<{
|
|
|
7
7
|
|
|
8
8
|
const { id: categoryId } = toRefs(props);
|
|
9
9
|
|
|
10
|
-
const {
|
|
11
|
-
resetFilters,
|
|
12
|
-
loading,
|
|
13
|
-
search,
|
|
14
|
-
getElements,
|
|
15
|
-
getCurrentSortingOrder,
|
|
16
|
-
getSortingOrders,
|
|
17
|
-
changeCurrentSortingOrder,
|
|
18
|
-
getAvailableFilters,
|
|
19
|
-
getCurrentFilters,
|
|
20
|
-
setCurrentFilters,
|
|
21
|
-
} = useListing({
|
|
22
|
-
listingType: "categoryListing",
|
|
23
|
-
categoryId: props.id,
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
const { search: categorySearch } = useCategorySearch();
|
|
27
|
-
|
|
28
|
-
const { data: category } = await useAsyncData(
|
|
29
|
-
`category${categoryId.value}`,
|
|
30
|
-
async () => {
|
|
31
|
-
return await categorySearch(categoryId.value);
|
|
32
|
-
},
|
|
33
|
-
);
|
|
34
|
-
|
|
35
|
-
const pageTitle = computed(
|
|
36
|
-
() =>
|
|
37
|
-
`${category.value?.translated.name ?? category.value?.name} | Speisekarte`,
|
|
38
|
-
);
|
|
39
|
-
|
|
40
|
-
useSeoMeta({
|
|
41
|
-
title: pageTitle,
|
|
42
|
-
robots: "index,follow",
|
|
43
|
-
});
|
|
44
|
-
|
|
45
|
-
const currentSorting = ref(getCurrentSortingOrder.value ?? "Sortieren");
|
|
46
|
-
|
|
47
|
-
const propertyFilters = computed<Schemas["PropertyGroup"][]>(() =>
|
|
48
|
-
getAvailableFilters.value?.filter(
|
|
49
|
-
(availableFilter) => availableFilter.code === "properties",
|
|
50
|
-
),
|
|
51
|
-
);
|
|
52
|
-
|
|
53
|
-
const selectedPropertyFilters = ref(getCurrentFilters.value?.properties ?? []);
|
|
54
|
-
const selectedPropertyFiltersString = computed(() =>
|
|
55
|
-
selectedPropertyFilters.value?.join("|"),
|
|
56
|
-
);
|
|
57
|
-
|
|
58
|
-
const selectedListingFilters = computed<ShortcutFilterParam[]>(() => {
|
|
59
|
-
return [
|
|
60
|
-
{
|
|
61
|
-
code: "properties",
|
|
62
|
-
value: selectedPropertyFiltersString.value,
|
|
63
|
-
},
|
|
64
|
-
];
|
|
65
|
-
});
|
|
66
|
-
|
|
67
10
|
const query = {
|
|
68
11
|
includes: {
|
|
69
12
|
product: [
|
|
@@ -139,6 +82,64 @@ const query = {
|
|
|
139
82
|
},
|
|
140
83
|
} as operations["searchPage post /search"]["body"];
|
|
141
84
|
|
|
85
|
+
const {
|
|
86
|
+
resetFilters,
|
|
87
|
+
loading,
|
|
88
|
+
search,
|
|
89
|
+
getElements,
|
|
90
|
+
getCurrentSortingOrder,
|
|
91
|
+
getSortingOrders,
|
|
92
|
+
changeCurrentSortingOrder,
|
|
93
|
+
getAvailableFilters,
|
|
94
|
+
getCurrentFilters,
|
|
95
|
+
setCurrentFilters,
|
|
96
|
+
} = useListing({
|
|
97
|
+
listingType: "categoryListing",
|
|
98
|
+
categoryId: props.id,
|
|
99
|
+
defaultSearchCriteria: query,
|
|
100
|
+
});
|
|
101
|
+
|
|
102
|
+
const { search: categorySearch } = useCategorySearch();
|
|
103
|
+
|
|
104
|
+
const { data: category } = await useAsyncData(
|
|
105
|
+
`category${categoryId.value}`,
|
|
106
|
+
async () => {
|
|
107
|
+
return await categorySearch(categoryId.value);
|
|
108
|
+
},
|
|
109
|
+
);
|
|
110
|
+
|
|
111
|
+
const pageTitle = computed(
|
|
112
|
+
() =>
|
|
113
|
+
`${category.value?.translated.name ?? category.value?.name} | Speisekarte`,
|
|
114
|
+
);
|
|
115
|
+
|
|
116
|
+
useSeoMeta({
|
|
117
|
+
title: pageTitle,
|
|
118
|
+
robots: "index,follow",
|
|
119
|
+
});
|
|
120
|
+
|
|
121
|
+
const currentSorting = ref(getCurrentSortingOrder.value ?? "Sortieren");
|
|
122
|
+
|
|
123
|
+
const propertyFilters = computed<Schemas["PropertyGroup"][]>(() =>
|
|
124
|
+
getAvailableFilters.value?.filter(
|
|
125
|
+
(availableFilter) => availableFilter.code === "properties",
|
|
126
|
+
),
|
|
127
|
+
);
|
|
128
|
+
|
|
129
|
+
const selectedPropertyFilters = ref(getCurrentFilters.value?.properties ?? []);
|
|
130
|
+
const selectedPropertyFiltersString = computed(() =>
|
|
131
|
+
selectedPropertyFilters.value?.join("|"),
|
|
132
|
+
);
|
|
133
|
+
|
|
134
|
+
const selectedListingFilters = computed<ShortcutFilterParam[]>(() => {
|
|
135
|
+
return [
|
|
136
|
+
{
|
|
137
|
+
code: "properties",
|
|
138
|
+
value: selectedPropertyFiltersString.value,
|
|
139
|
+
},
|
|
140
|
+
];
|
|
141
|
+
});
|
|
142
|
+
|
|
142
143
|
await useAsyncData(`listing${categoryId.value}`, async () => {
|
|
143
144
|
await search(query);
|
|
144
145
|
});
|