CodeForWings

Appearance

On this page

Vuetify 3 ​

Install ​

bash
cd workspaces/vuetify3
pnpm update vue-router vuetify vue vite "@vitejs/plugin-vue" "vite-plugin-vuetify" webfontloader

Dark Theme ​

jsonc
/* src/plugins/vuetify.js */
theme: {
  defaultTheme: 'dark',
  themes: "..."
}

Dev Notes ​

Vite + Vue ​

  • can use easily
bash
# my-vue-app, vitetailwindvue, vitevuetify. etc.
pnpm create vite my-vue-app --template vue
pnpm create vite vite-tailwind-vue --template vue
pnpm create vite vite-vuetify --template vue
# to try https://pnpm.io/cli/dlx
# using dlx because create replaces



cd vite-tailwind-vue
webstorm64.exe .
pnpm i

https://quasar.dev/start/vite-plugin

vuetifty directly? ​

  • readme_node_vite_vue2023
bash
# https://github.com/vuetifyjs/create-vuetify

# pnpm update #
pnpm update vue-router vuetify vue vite "@vitejs/plugin-vue" "vite-plugin-vuetify"

# pnpm upgrade vue-router vuetify vue vite "@vitejs/plugin-vue" "vite-plugin-vuetify"
#... also used shamefully-hoist

## dark theme
# "type":"module"

## plugins/vuetify.js
  theme: {
    defaultTheme: 'dark',
    themes:...
# change @/