title: Nuxtjs import vue component
body: <p>I'm new to nuxtjs and I'm trying to import a vue component to nuxt.</p>
  <p>I'm using vuetify on my project, and I want to use this plugin <a href="https://vuejsexamples.com/date-range-picker-for-vuetify-js/" rel="nofollow noreferrer">https://vuejsexamples.com/date-range-picker-for-vuetify-js/</a> which is a daterange-picker.</p>
  <p>I've added the component using <code>npm</code>.</p>
  <p>My <code>nuxt.config.js</code> looks like this :</p>
  <pre class="lang-js prettyprint-override"><code>...
  
  // Global CSS (https://go.nuxtjs.dev/config-css)
  css: [
    { src: '~/node_modules/vuetify-daterange-picker/dist/vuetify-daterange-picker.css' }
  ],
  
  // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
  plugins: [
  
  ],
  
  // Auto import components (https://go.nuxtjs.dev/config-components)
  components: true,
  
  // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
  buildModules: [
    // https://go.nuxtjs.dev/eslint
    //'@nuxtjs/eslint-module',
    // https://go.nuxtjs.dev/vuetify
    '@nuxtjs/vuetify',
    '~/node_modules/vuetify-daterange-picker'
  ],
  
  // Modules (https://go.nuxtjs.dev/config-modules)
  modules: [
    // https://go.nuxtjs.dev/axios
    '@nuxtjs/axios',
    // https://go.nuxtjs.dev/pwa
    '@nuxtjs/pwa',
    // https://go.nuxtjs.dev/content
    '@nuxt/content',
  ],
  
  // Axios module configuration (https://go.nuxtjs.dev/config-axios)
  axios: {},
  
  // Content module configuration (https://go.nuxtjs.dev/config-content)
  content: {},
  ...
  </code></pre>
  <p>When I run my project I've got this error in the browser
  <a href="https://i.stack.imgur.com/a4qbM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a4qbM.png" alt="Browser Error" /></a></p>
  <p>And this error in the terminal
  <a href="https://i.stack.imgur.com/7IdsR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7IdsR.png" alt="Terminal Error" /></a></p>