title: Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option
body: <p>I been trying to add the routing on vuetify but its not working. i looked online and search the error but still unable to fix the error. I don't see any problem with my code but i'm sure there exist come problem which is causing this error </p>
  
  <pre><code>i tried these steps at a time:
  </code></pre>
  
  <p>1)<br>
      import Router from 'vue-router'
      Vue.use(Router)
  2)<br>
      import VueRouter from 'vue-router'
      Vue.use(VueRouter)</p>
  
  <p>none of them works for me. Note that I used both steps separately </p>
  
  <p>router.js file contains this code:</p>
  
  <pre><code>import Vue from 'vue'
  import Router from 'vue-router'
  import Home from './views/Home.vue'
  import Booking from './views/Booking.vue'
  
  // import VueRouter from 'vue-router'
  // Vue.use(VueRouter)
  
  Vue.use(Router)
  
  export default new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [
        {
          path: '/',
          name: 'home',
          component: Home
        },
        {
          path: '/booking',
          name: 'booking',
          component: Booking
        }
     ]
  })
  
  //The App.vue file contains this:
  &lt;template&gt;
    &lt;v-app class="grey lighten-4"&gt;
      &lt;Navbar /&gt;
  
      &lt;v-content&gt;
        &lt;router-view&gt;&lt;/router-view&gt;
      &lt;/v-content&gt;
  
      &lt;Footer /&gt;
  
    &lt;/v-app&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Navbar from './components/Navbar'
  import Footer from './components/Footer'
  export default {
    components: { Navbar, Footer },
    name: 'App',
    data () {
      return {
  
      }
    }
  }
  &lt;/script&gt;
  
  //And the Navbar contains this code after the template tag:
  &lt;script&gt;
  export default {
    data() {
      return {
        links: [
          { text: 'Home', route: '/' },
          { text: 'About', route: '/about' },
          { text: 'Booking', route: '/booking' },
          { text: 'Services', route: '/services' },
          { text: 'Pricing', route: '/pricing' }
        ]
      };
    }
  };
  &lt;/script&gt;
  
  
  this is the error message i'm getting:
  
  vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: &lt;router-view&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  
  found in
  
  ---&gt; &lt;App&gt; at src/App.vue
         &lt;Root&gt;
  </code></pre>