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

72
frontend/layouts/error.vue
View file

@ -1,37 +1,52 @@
<template>
<v-app v-if="ready" dark>
<v-app v-if="ready"
dark
>
<v-card-title>
<slot>
<h1 class="mx-auto">{{ $t("page.404-page-not-found") }}</h1>
<h1 class="mx-auto">
{{ $t("page.404-page-not-found") }}
</h1>
</slot>
</v-card-title>
<div class="d-flex justify-space-around">
<div class="d-flex align-center">
<p class="primary--text">4</p>
<v-icon color="primary" class="mx-auto mb-0" size="200">
<p class="primary--text">
4
</p>
<v-icon color="primary"
class="mx-auto mb-0"
size="200"
>
{{ $globals.icons.primary }}
</v-icon>
<p class="primary--text">4</p>
<p class="primary--text">
4
</p>
</div>
</div>
<v-card-actions>
<v-spacer></v-spacer>
<v-spacer />
<slot name="actions">
<v-btn v-for="(button, index) in buttons" :key="index" nuxt :to="button.to" color="primary">
<v-icon left> {{ button.icon }} </v-icon>
<v-btn v-for="(button, index) in buttons"
:key="index"
nuxt
:to="button.to"
color="primary"
>
<v-icon start>
{{ button.icon }}
</v-icon>
{{ button.text }}
</v-btn>
</slot>
<v-spacer></v-spacer>
<v-spacer />
</v-card-actions>
</v-app>
</template>
<script lang="ts">
import { defineComponent, ref, useContext, useMeta, useRoute, useRouter } from "@nuxtjs/composition-api";
export default defineComponent({
layout: "basic",
export default defineNuxtComponent({
props: {
error: {
type: Object,
@ -39,20 +54,26 @@ export default defineComponent({
},
},
setup(props) {
const { $auth, $globals, i18n } = useContext();
definePageMeta({
layout: "basic",
});
const i18n = useI18n();
const $auth = useMealieAuth();
const { $globals } = useNuxtApp();
const ready = ref(false);
const route = useRoute();
const router = useRouter();
async function insertGroupSlugIntoRoute() {
const groupSlug = ref($auth.user?.groupSlug);
const groupSlug = ref($auth.user.value?.groupSlug);
if (!groupSlug.value) {
return;
}
let replaceRoute = false;
let routeVal = route.value.fullPath || "/";
let routeVal = route.fullPath || "/";
if (routeVal[0] !== "/") {
routeVal = `/${routeVal}`;
}
@ -76,12 +97,13 @@ export default defineComponent({
}
async function handle404() {
const normalizedRoute = route.value.fullPath.replace(/\/$/, "");
const normalizedRoute = route.fullPath.replace(/\/$/, "");
const newRoute = normalizedRoute.replace(/^\/group\/(mealplan|members|notifiers|webhooks)(\/.*)?$/, "/household/$1$2");
if (newRoute !== normalizedRoute) {
await router.replace(newRoute);
} else {
}
else {
await insertGroupSlugIntoRoute();
}
@ -90,15 +112,16 @@ export default defineComponent({
if (props.error.statusCode === 404) {
handle404();
} else {
}
else {
ready.value = true;
}
useMeta({
useSeoMeta({
title:
props.error.statusCode === 404
? (i18n.t("page.404-not-found") as string)
: (i18n.t("page.an-error-occurred") as string),
props.error.statusCode === 404
? (i18n.t("page.404-not-found") as string)
: (i18n.t("page.an-error-occurred") as string),
});
const buttons = [
@ -110,8 +133,6 @@ export default defineComponent({
ready,
};
},
// Needed for useMeta
head: {},
});
</script>
@ -119,6 +140,7 @@ export default defineComponent({
h1 {
font-size: 20px;
}
p {
padding-bottom: 0 !important;
margin-bottom: 0 !important;