vuetify.ts 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. import { createVuetify } from 'vuetify'
  2. import * as components from 'vuetify/components'
  3. import * as directives from 'vuetify/directives'
  4. import 'vuetify/styles'
  5. import { mdi } from 'vuetify/iconsets/mdi'
  6. import '@mdi/font/css/materialdesignicons.css'
  7. export default defineNuxtPlugin((nuxtApp) => {
  8. const vuetify = createVuetify({
  9. ssr: true,
  10. components,
  11. directives,
  12. theme: {
  13. defaultTheme: 'light',
  14. themes: {
  15. light: {
  16. colors: {
  17. primary: '#1976D2',
  18. secondary: '#424242',
  19. accent: '#82B1FF',
  20. error: '#FF5252',
  21. info: '#2196F3',
  22. success: '#4CAF50',
  23. warning: '#FFC107'
  24. }
  25. },
  26. dark: {
  27. colors: {
  28. primary: '#2196F3',
  29. secondary: '#424242',
  30. accent: '#FF4081',
  31. error: '#FF5252',
  32. info: '#2196F3',
  33. success: '#4CAF50',
  34. warning: '#FB8C00'
  35. }
  36. }
  37. }
  38. },
  39. icons: {
  40. defaultSet: 'mdi',
  41. sets: {
  42. mdi
  43. }
  44. }
  45. })
  46. nuxtApp.vueApp.use(vuetify)
  47. })