Files
calebburke.dev/web/src/plugins/vuetify-plugin.ts
T
2026-06-25 01:56:30 -07:00

90 lines
1.8 KiB
TypeScript

/**
* plugins/vuetify.js
*
* Framework documentation: https://vuetifyjs.com`
*/
// Styles
import "@mdi/font/css/materialdesignicons.css"
// ComposablesF
import { createVuetify } from "vuetify"
import * as components from "vuetify/components"
import * as directives from "vuetify/directives"
import * as labsComponents from "vuetify/labs/components"
import {
DARK_BLUE_THEME,
DARK_AQUA_THEME,
DARK_ORANGE_THEME,
DARK_PURPLE_THEME,
DARK_GREEN_THEME,
DARK_CYAN_THEME,
CHIRPY_JEKYLL_DARK_THEME,
} from "@/theme/DarkTheme"
import { CHIRPY_JEKYLL_THEME } from "@/theme/LightTheme"
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
components: {
...components,
...labsComponents,
},
directives,
theme: {
defaultTheme: "CHIRPY_JEKYLL_DARK_THEME",
themes: {
DARK_BLUE_THEME,
DARK_AQUA_THEME,
DARK_ORANGE_THEME,
DARK_PURPLE_THEME,
DARK_GREEN_THEME,
DARK_CYAN_THEME,
CHIRPY_JEKYLL_THEME,
CHIRPY_JEKYLL_DARK_THEME,
},
},
defaults: {
VCard: {
rounded: "md",
},
VTextField: {
variant: "outlined",
density: "comfortable",
color: "primary",
},
VTextarea: {
variant: "outlined",
density: "comfortable",
color: "primary",
},
VFileInput: {
variant: "outlined",
density: "comfortable",
color: "primary",
prependIcon: null,
},
VSelect: {
variant: "outlined",
density: "comfortable",
color: "primary",
},
VCombobox: {
variant: "outlined",
density: "comfortable",
color: "primary",
},
VAutocomplete: {
variant: "outlined",
density: "comfortable",
color: "primary",
},
VListItem: {
minHeight: "45px",
},
VTooltip: {
location: "top",
},
},
})