plugins/vuetify.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

// Author: Haoxiang Zhao

import { defineNuxtPlugin } from "nuxt/app";
import { createVuetify } from "vuetify";
import * as components from "vuetify/components";
import * as directives from "vuetify/directives";
import colors from "vuetify/lib/util/colors.mjs";

export default defineNuxtPlugin((nuxtApp) => {
	const vuetify = createVuetify({
		components,
		directives,
		theme: {
			defaultTheme: "hxlight",
			themes: {
				hxlight: {
					dark: false,
					colors: {
						primary: colors.green.darken2,
					},
				},
				hxdark: {
					dark: true,
					colors: {
						primary: colors.green.darken2,
					},
				},
			},
		},
	});
	nuxtApp.vueApp.use(vuetify);
});