Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 15:49:42 +02:00
Code Issues Releases Activity

feat: Migrate to Nuxt 3 framework (#5184)

Browse source 
Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Co-authored-by: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
This commit is contained in:
Hoa (Kyle) Trinh 2025-06-20 00:09:12 +07:00 • committed by GitHub
parent 89ab7fac25
commit c24d532608
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
403 changed files with 23959 additions and 19557 deletions
Download patch file Download diff file Expand all files Collapse all files

11
frontend/composables/use-router.ts
View file

@ -1,5 +1,3 @@
import { useRoute, WritableComputedRef, computed, nextTick, useRouter } from "@nuxtjs/composition-api";
export function useRouterQuery(query: string) {
const router = useRoute();
// TODO FUTURE: Remove when migrating to Vue 3
@ -7,11 +5,10 @@ export function useRouterQuery(query: string) {
const param: WritableComputedRef<string> = computed({
get(): string {
console.log("Get Query Change");
// @ts-ignore For some reason, this could also return an array
return router.value?.query[query] || "";
return router?.query[query] as string || "";
},
set(v: string): void {
router.value.query[query] = v;
router.query[query] = v;
},
});
@ -24,13 +21,13 @@ export function useRouteQuery<T extends string | string[]>(name: string, default
return computed<any>({
get() {
const data = route.value.query[name];
const data = route.query[name];
if (data == null) return defaultValue ?? null;
return data;
},
set(v) {
nextTick(() => {
router.replace({ query: { ...route.value.query, [name]: v } });
router.replace({ query: { ...route.query, [name]: v } });
});
},
});