nuxt.vuetifyjs.com Open in urlscan Pro
2606:4700::6810:8683  Public Scan

URL: https://nuxt.vuetifyjs.com/
Submission: On August 18 via api from US — Scanned from DE

Form analysis 0 forms found in the DOM

Text Content

Skip to content
Vuetify Nuxt Module
SearchK
Main Navigation Getting Started
Globals
Globals
Global Components
Directives
Lab Components
Icons
Icons
UnoCSS Preset Icons
Font Icons
SVG Icons
Integrations
I18NDate
v0.17.0

Vuetify Nuxt Module

Release Notes
Contributing
FAQ



Appearance






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 Runtime Hooks

Nuxt Runtime 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 MODULE HOOKS

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

Nuxt Layers and Module 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



Released under the MIT License.

Copyright Β© 2023-PRESENT JoaquΓ­n SΓ‘nchez