@jacobgardos/vuxtify
v1.0.3
Published
A Nuxt 3 Module For Vuetify
Downloads
6
Readme
Vuxtify
A Nuxt Module for Vuetify 3
Features
- 📦 Tree Shaking
- 🚀 Vite Builder Compatible
- ⚙️ Webpack Builder Compatible
- 💅 Easily Customize Sass Variables
- 📚 Auto Imported Vuetify Composables
- 🧩 Provide $vuetify
- 🤖 Automatically Suggests Dependencies
- 🎨 HMR Theme Altering
Quick Setup
- Add
@jacobgardos/vuxtify
dependency to your project
# Using pnpm
pnpm add -D @jacobgardos/vuxtify
# Using yarn
yarn add --dev @jacobgardos/vuxtify
# Using npm
npm install --save-dev @jacobgardos/vuxtify
- Add
vuxtify
to themodules
section ofnuxt.config.ts
export default defineNuxtConfig({
modules: ["@jacobgardos/vuxtify"],
vuxtify: {
// ... Module Options See Docs
},
});
- Add your
vuetify
options to yourapp.config.ts
file
export default defineAppConfig({
vuetify: {
theme: {
defaultTheme: "light",
themes: {
light: {
colors: {
primary: "#1976D2",
secondary: "#424242",
accent: "#82B1FF",
error: "#FF5252",
info: "#2196F3",
success: "#4CAF50",
warning: "#FFC107",
},
},
},
},
},
});
That's it! You can now use Vuetify in your Nuxt app ✨ Check out the docs for more details and examples.
Development
# Install dependencies
npm install
# Generate type stubs
npm run dev:prepare
# Develop with the playground
npm run dev
# Build the playground
npm run dev:build
# Run ESLint
npm run lint
# Run Vitest
npm run test
npm run test:watch
# Release new version
npm run release