vbatts/homebox
1
0
Fork 0
forked from mirrors/homebox
Code Pull requests Activity

feat: encode search into url (#131)

Browse source 
* route query helper

* encode search parameters into url
This commit is contained in:
Hayden 2022-11-01 21:58:46 -08:00 • committed by GitHub
parent b6b2a2d889
commit b7aacb3cde
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 135 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

60
frontend/composables/use-route-params.ts Normal file
View file

@ -0,0 +1,60 @@
/* eslint no-redeclare: 0 */
import { WritableComputedRef } from "vue";
export function useRouteQuery(q: string, def: string[]): WritableComputedRef<string[]>;
export function useRouteQuery(q: string, def: string): WritableComputedRef<string>;
export function useRouteQuery(q: string, def: boolean): WritableComputedRef<boolean>;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
export function useRouteQuery(q: string, def: any): WritableComputedRef<any> {
const route = useRoute();
const router = useRouter();
switch (typeof def) {
case "string":
if (route.query[q] === undefined) {
router.push({ query: { ...route.query, [q]: def } });
}
return computed({
get: () => {
const qv = route.query[q];
if (Array.isArray(qv)) {
return qv[0];
}
return qv;
},
set: v => {
const query = { ...route.query, [q]: v };
router.push({ query });
},
});
case "object": // array
return computed({
get: () => {
const qv = route.query[q];
if (Array.isArray(qv)) {
return qv;
}
return [qv];
},
set: v => {
const query = { ...route.query, [q]: v };
router.push({ query });
},
});
case "boolean":
return computed({
get: () => {
const qv = route.query[q];
if (Array.isArray(qv)) {
return qv[0] === "true";
}
return qv === "true";
},
set: v => {
const query = { ...route.query, [q]: `${v}` };
router.push({ query });
},
});
}
}