# How to

# Display an error page with error handler

• Create an error page
• Display it if an error is caught

# Customize server error page

• Create an error page
• Create a server plugin to display it
• Install it

# Add a navigation loader

• UVue plugin

# Add a SPA loader

• Create a loader with HTML and CSS
• Install it on main template
• Create a UVue plugin to remove it when app is ready

# Run animations when route change

With CSS

• Vue Router official documentation

With JS

• Create some animations
• Install them on your pages

# Use with a protected API (auth)

• Sample API
• HTTP client with Axios for your Vue app
• Login form
• Get private data
• Load user to Vuex if already logged
• Check user is logged to access to private page

# Have same router as Nuxt

You can try the Auto routing Vue CLI plugin to have the same behavior.

# Use with Vuetify A La Carte

You will need to declare the needed transpile dependency:

In vue.config.js

module.exports = {
  transpileDependencies: [/^vuetify/],
};