chore: OXC Formatter
This commit is contained in:
@@ -1,21 +1,21 @@
|
||||
import { createI18n } from 'vue-i18n'
|
||||
import { createI18n } from "vue-i18n";
|
||||
|
||||
const messages = {
|
||||
en: {
|
||||
message: {
|
||||
hello: 'hello world',
|
||||
hello: "hello world",
|
||||
},
|
||||
},
|
||||
ja: {
|
||||
message: {
|
||||
hello: 'こんにちは、世界',
|
||||
hello: "こんにちは、世界",
|
||||
},
|
||||
},
|
||||
}
|
||||
};
|
||||
|
||||
export default createI18n({
|
||||
legacy: false,
|
||||
locale: 'en',
|
||||
fallbackLocale: 'en',
|
||||
locale: "en",
|
||||
fallbackLocale: "en",
|
||||
messages,
|
||||
})
|
||||
});
|
||||
|
||||
@@ -5,18 +5,18 @@
|
||||
*/
|
||||
|
||||
// Types
|
||||
import type { App } from 'vue'
|
||||
import type { App } from "vue";
|
||||
|
||||
import { createPinia } from 'pinia'
|
||||
import { createPinia } from "pinia";
|
||||
|
||||
// Plugins
|
||||
import router from '../router'
|
||||
import i18n from './i18n'
|
||||
import vuetify from './vuetify'
|
||||
import router from "../router";
|
||||
import i18n from "./i18n";
|
||||
import vuetify from "./vuetify";
|
||||
|
||||
export function registerPlugins (app: App) {
|
||||
app.use(vuetify)
|
||||
app.use(createPinia())
|
||||
app.use(i18n)
|
||||
app.use(router)
|
||||
export function registerPlugins(app: App) {
|
||||
app.use(vuetify);
|
||||
app.use(createPinia());
|
||||
app.use(i18n);
|
||||
app.use(router);
|
||||
}
|
||||
|
||||
@@ -5,43 +5,43 @@
|
||||
*/
|
||||
|
||||
// Composables
|
||||
import { createVuetify, type ThemeDefinition } from 'vuetify'
|
||||
import { zhHant } from 'vuetify/locale'
|
||||
import { createVuetify, type ThemeDefinition } from "vuetify";
|
||||
import { zhHant } from "vuetify/locale";
|
||||
// Styles
|
||||
import '@mdi/font/css/materialdesignicons.css'
|
||||
import 'vuetify/styles'
|
||||
import "@mdi/font/css/materialdesignicons.css";
|
||||
import "vuetify/styles";
|
||||
|
||||
const HPTheme: ThemeDefinition = {
|
||||
dark: false,
|
||||
colors: {
|
||||
'background': '#F0F9F6', // 頁面背景
|
||||
'surface': '#FFFFFF', // 卡片與白底區塊
|
||||
'primary': '#1D7063', // 主要品牌色
|
||||
'primary-darken-1': '#145248',
|
||||
'secondary': '#dc5349', // CTA 按鈕
|
||||
'secondary-darken-1': '#ab4c3d',
|
||||
'accent': '#47C2A6', // 標籤與強調
|
||||
'error': '#B00020',
|
||||
'info': '#2196F3',
|
||||
'success': '#4CAF50',
|
||||
'warning': '#FB8C00',
|
||||
background: "#F0F9F6", // 頁面背景
|
||||
surface: "#FFFFFF", // 卡片與白底區塊
|
||||
primary: "#1D7063", // 主要品牌色
|
||||
"primary-darken-1": "#145248",
|
||||
secondary: "#dc5349", // CTA 按鈕
|
||||
"secondary-darken-1": "#ab4c3d",
|
||||
accent: "#47C2A6", // 標籤與強調
|
||||
error: "#B00020",
|
||||
info: "#2196F3",
|
||||
success: "#4CAF50",
|
||||
warning: "#FB8C00",
|
||||
},
|
||||
}
|
||||
};
|
||||
|
||||
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
||||
export default createVuetify({
|
||||
locale: {
|
||||
locale: 'zhHant',
|
||||
fallback: 'zhHant',
|
||||
locale: "zhHant",
|
||||
fallback: "zhHant",
|
||||
messages: { zhHant },
|
||||
},
|
||||
date: {
|
||||
locale: {
|
||||
zhHant: 'zh-TW',
|
||||
zhHant: "zh-TW",
|
||||
},
|
||||
},
|
||||
theme: {
|
||||
defaultTheme: 'HPTheme',
|
||||
defaultTheme: "HPTheme",
|
||||
themes: { HPTheme },
|
||||
},
|
||||
})
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user