Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 07:39:41 +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

80
frontend/plugins/theme.ts
View file

@ -1,5 +1,3 @@
import { Plugin } from "@nuxt/types";
export interface ThemeConfig {
lightPrimary: string;
lightAccent: string;
@ -26,39 +24,53 @@ async function fetchTheme(): Promise<ThemeConfig | undefined> {
const response = await fetch(route);
const data = await response.json();
return data as ThemeConfig;
} catch (error) {
}
catch {
return undefined;
}
}
const themePlugin: Plugin = async ({ $vuetify, $config }) => {
let theme = __cachedTheme;
if (!theme) {
theme = await fetchTheme();
__cachedTheme = theme;
}
if (theme) {
$vuetify.theme.themes.light.primary = theme.lightPrimary;
$vuetify.theme.themes.light.accent = theme.lightAccent;
$vuetify.theme.themes.light.secondary = theme.lightSecondary;
$vuetify.theme.themes.light.success = theme.lightSuccess;
$vuetify.theme.themes.light.info = theme.lightInfo;
$vuetify.theme.themes.light.warning = theme.lightWarning;
$vuetify.theme.themes.light.error = theme.lightError;
$vuetify.theme.themes.dark.primary = theme.darkPrimary;
$vuetify.theme.themes.dark.accent = theme.darkAccent;
$vuetify.theme.themes.dark.secondary = theme.darkSecondary;
$vuetify.theme.themes.dark.success = theme.darkSuccess;
$vuetify.theme.themes.dark.info = theme.darkInfo;
$vuetify.theme.themes.dark.warning = theme.darkWarning;
$vuetify.theme.themes.dark.error = theme.darkError;
}
if ($config.useDark) {
$vuetify.theme.dark = true;
}
};
export default themePlugin;
export default defineNuxtPlugin(async (nuxtApp) => {
nuxtApp.hook("vuetify:before-create", async ({ vuetifyOptions }) => {
let theme = __cachedTheme;
if (!theme) {
theme = await fetchTheme();
__cachedTheme = theme;
}
vuetifyOptions.theme = {
defaultTheme: nuxtApp.$config.public.useDark ? "dark" : "light",
variations: {
colors: ["primary", "accent", "secondary", "success", "info", "warning", "error", "background"],
lighten: 3,
darken: 3,
},
themes: {
dark: {
dark: true,
colors: {
primary: theme?.lightPrimary ?? "#E58325",
accent: theme?.lightAccent ?? "#007A99",
secondary: theme?.lightSecondary ?? "#973542",
success: theme?.lightSuccess ?? "#43A047",
info: theme?.lightInfo ?? "#1976d2",
warning: theme?.lightWarning ?? "#FF6D00",
error: theme?.lightError ?? "#EF5350",
background: "#1E1E1E",
},
},
light: {
dark: false,
colors: {
primary: theme?.darkPrimary ?? "#E58325",
accent: theme?.darkAccent ?? "#007A99",
secondary: theme?.darkSecondary ?? "#973542",
success: theme?.darkSuccess ?? "#43A047",
info: theme?.darkInfo ?? "#1976d2",
warning: theme?.darkWarning ?? "#FF6D00",
error: theme?.darkError ?? "#EF5350",
},
},
},
};
});
});