Fix boolean param bug
This commit is contained in:
@@ -65,8 +65,8 @@ const resetFilters = () => {
|
|||||||
search.value = "";
|
search.value = "";
|
||||||
sort.value = "";
|
sort.value = "";
|
||||||
sliderValue.value = [PRODUCT_RANGE.min, PRODUCT_RANGE.max];
|
sliderValue.value = [PRODUCT_RANGE.min, PRODUCT_RANGE.max];
|
||||||
has_discount.value = "false";
|
has_discount.value = false;
|
||||||
in_stock.value = "false";
|
in_stock.value = false;
|
||||||
page.value = 1;
|
page.value = 1;
|
||||||
|
|
||||||
isSideShow.value = false;
|
isSideShow.value = false;
|
||||||
@@ -164,13 +164,11 @@ watch(
|
|||||||
|
|
||||||
<div class="flex items-center justify-between w-full gap-5">
|
<div class="flex items-center justify-between w-full gap-5">
|
||||||
<span class="text-black max-lg:text-sm">فقط کالاهای تخفیف دار</span>
|
<span class="text-black max-lg:text-sm">فقط کالاهای تخفیف دار</span>
|
||||||
|
|
||||||
<Switch v-model="has_discount" />
|
<Switch v-model="has_discount" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center justify-between w-full gap-5">
|
<div class="flex items-center justify-between w-full gap-5">
|
||||||
<span class="text-black max-lg:text-sm">فقط کالاهای موجود</span>
|
<span class="text-black max-lg:text-sm">فقط کالاهای موجود</span>
|
||||||
|
|
||||||
<Switch v-model="in_stock" />
|
<Switch v-model="in_stock" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -55,8 +55,8 @@ const resetFilters = () => {
|
|||||||
search.value = "";
|
search.value = "";
|
||||||
sort.value = "";
|
sort.value = "";
|
||||||
sliderValue.value = [PRODUCT_RANGE.min, PRODUCT_RANGE.max];
|
sliderValue.value = [PRODUCT_RANGE.min, PRODUCT_RANGE.max];
|
||||||
has_discount.value = "false";
|
has_discount.value = false;
|
||||||
in_stock.value = "false";
|
in_stock.value = false;
|
||||||
page.value = 1;
|
page.value = 1;
|
||||||
|
|
||||||
isSideShow.value = false;
|
isSideShow.value = false;
|
||||||
@@ -155,13 +155,11 @@ watch(
|
|||||||
|
|
||||||
<div class="flex items-center justify-between w-full gap-5">
|
<div class="flex items-center justify-between w-full gap-5">
|
||||||
<span class="text-black max-lg:text-sm">فقط کالاهای تخفیف دار</span>
|
<span class="text-black max-lg:text-sm">فقط کالاهای تخفیف دار</span>
|
||||||
|
|
||||||
<Switch v-model="has_discount" />
|
<Switch v-model="has_discount" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center justify-between w-full gap-5">
|
<div class="flex items-center justify-between w-full gap-5">
|
||||||
<span class="text-black max-lg:text-sm">فقط کالاهای موجود</span>
|
<span class="text-black max-lg:text-sm">فقط کالاهای موجود</span>
|
||||||
|
|
||||||
<Switch v-model="in_stock" />
|
<Switch v-model="in_stock" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -36,12 +36,20 @@ export const useAppParams = () => {
|
|||||||
mode: "replace",
|
mode: "replace",
|
||||||
});
|
});
|
||||||
|
|
||||||
const in_stock = useRouteQuery<string>("in_stock", "false", {
|
const in_stock = useRouteQuery("in_stock", "false", {
|
||||||
mode: "replace",
|
mode: "replace",
|
||||||
|
transform: {
|
||||||
|
get: (v) => v === "true",
|
||||||
|
set: (v: boolean) => (v ? "true" : "false"),
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
const has_discount = useRouteQuery<string>("has_discount", "false", {
|
const has_discount = useRouteQuery("has_discount", "false", {
|
||||||
mode: "replace",
|
mode: "replace",
|
||||||
|
transform: {
|
||||||
|
get: (v) => v === "true",
|
||||||
|
set: (v: boolean) => (v ? "true" : "false"),
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
const tracking_code = useRouteQuery<string>("tracking_code", "", {
|
const tracking_code = useRouteQuery<string>("tracking_code", "", {
|
||||||
@@ -52,7 +60,7 @@ export const useAppParams = () => {
|
|||||||
() => page.value,
|
() => page.value,
|
||||||
() => {
|
() => {
|
||||||
y.value = 0;
|
y.value = 0;
|
||||||
}
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
|||||||
Reference in New Issue
Block a user