Vue.js 2 Design Patterns and Best Practices

Plugins

We'll need the ability to add recipes to our application; as adding new recipes will require a form and some input(s) in order to appropriately validate the form, we'll use Vuelidate. If you remember from previous chapters, we can add Vuelidate and other plugins with Vue.use. The process is similar when using Nuxt, but requires an extra step. Let's install Vuelidate by running the following command in the Terminal:

$ npm install vuelidate

Inside our plugins folder, make a new file named Vuelidate.js. Inside this file, we can import Vue and Vuelidate and add the plugin:

import Vue from 'vue'import Vuelidate from 'vuelidate'Vue.use(Vuelidate)

We can then update nuxt.config.js to add the plugins array, which points toward our Vuelidate ...