Vuetify

Nuxt Module

Zero-config Nuxt Module for Vuetify

Get Started

View on GitHub

👌

Zero-Config

Sensible built-in default Vuetify configuration for common use cases

🔌

Extensible

Expose the ability to customize the Vuetify configuration via Nuxt Plugin Hooks

Nuxt Plugin Hooks

⚡

Fully tree shakable

By default, only the needed Vuetify components are imported

🛠️

Versatile

Custom Vuetify directives, global components and lab components

✨

Configurable Styles

Configure your variables using Vuetify SASS Variables

💥

SSR

Automatic SSR detection and configuration including HTTP Client hints

Server Side Rendering

🔩

Nuxt Layers and Hooks

Load your Vuetify configuration using Nuxt Layers or using a custom module via custom Nuxt Hook

Nuxt Layers and Hooks

📥

Vuetify Configuration File

Configure your Vuetify options using a custom vuetify.config file, no dev server restart needed

Vuetify Configuration File

Pure CSS Icons

No more font/js icons, use the new unocss-mdi icon set or build your own with UnoCSS Preset Icons

UnoCSS Preset Icons

😃

Icon Fonts

Configure the icon font you want to use, the module will automatically import it for you using CDN or local dependencies

Icon Fonts

🎭

SVG Icons

Ready to use @mdi/js and @fortawesome/vue-fontawesome SVG icons packs

SVG Icons

📦

Multiple Icon Sets

You can register multiple icon sets

Multiple Icon Sets

🌍

I18n Ready

Install @nuxtjs/i18n Nuxt module, and you're ready to use Vuetify internationalization features

Internationalization

📆

Date Components

Use Vuetify components that require date functionality installing and configuring one of the @date-io adapters

Date Components

💬

Auto-Import Vuetify Locale Messages

Add the Vuetify Locale Messages adding the locales you want to use, no more imports needed

Vuetify Locale Messages

⚙️

Auto-Import Vuetify Composables

You don't need to import Vuetify composables manually, they are automatically imported for you

Vuetify Composables

🎨

Vuetify Blueprints

Use Vuetify Blueprints to quickly scaffold components

Vuetify Blueprints

👀

Nuxt DevTools

Ready to inspect your Vuetify styles with the Nuxt DevTools inspector