Plugins
Below is a quick reference table of the modules and plugins that Nuxt Stack installs and configures:
Module | Description |
---|---|
@nuxtjs/axios | axios integration for making promise based HTTP requests |
@nuxtjs/dotenv | Loads .env and merges contents with Nuxt's env object |
@nuxtjs/pwa | Collection of modules for developing PWAs |
@nuxtjs/sitemap | Automatically generate or serve a dynamic sitemap |
@nuxtjs/style-resources | Share variables and mixins across style files and SFCs |
nuxt-svg-loader | Import SVGs as Vue components |
webfontloader | Load custom webfonts from services like Google and Typekit |
vue-analytics | Google Analytics integration for Nuxt |
lazysizes | Lazily load images and videos when they become visible |
vue-pwa-installer | Simple interface for installing a PWA to the home screen |
vue-lazy-hydration | Lazily hydrate Vue components using a variety of strategies |
vue-tabbing | Reactive flag triggered by tabbed keyboard navigation |
vue-static-data | Declare static (non-reactive) data within Vue components |
NOTE
Some plugins are only installed if module options are specified in the Nuxt config.
For example @nuxtjs/axios
, webfontloader
and vue-analytics
are only installed if module options are not undefined
. This keeps the client bundles as small as possible.
Other plugins like vue-pwa-installer
, lazysizes
etc. can be disabled by passing false
to their module options.
Check out the configuration page for information on what options can be passed to these plugins.