title: Is it possible for certain routes to use vue router while other routes use laravel router?
body: <p>What I have is an existing laravel application with blades , laravel routes and a few vue components. So I don't want to replace the existing routes with vue router. What I want is to add additional routes without disturbing the existing laravel routes.</p>
  <p>For an example I have a category which already is using the following category</p>
  <pre><code>Route::get('category/index' , 'CategoryController@index')-&gt;name('category.index');
  </code></pre>
  <p>Then I would like to add  a new route using vue router without disturbing the category route</p>
  <p>For an example:</p>
  <pre><code>import Dashboard from &quot;../views/Dashboard.vue&quot;;
  
  const routes = [
    {
      path: &quot;/&quot;,
      name: &quot;Dashboard&quot;,
      component: Dashboard,
      meta: {
        requiresAuth: true
      }
    }
  ]
  </code></pre>
  <p>Is this possible?</p>
  <p>Update: This is what I did (If anyone can point out what am I doing wrong, it would be greatly appreciated)</p>
  <p>1.0 Install Vue Router using npm</p>
  <p>2.0 App.js (Use Vue Router)</p>
  <pre><code>import VueRouter from 'vue-router';
  Vue.use(VueRouter);
  
  const routes = [
      { path: '/dashboard', component:  require('./components/Dashboard')},
  ];
  
  const router = new VueRouter({
      routes, // short for `routes: routes` 
      mode: 'history',
  });
  </code></pre>
  <p>3.0 Web.php</p>
  <pre><code>Route::get('/{vue_capture?}', function () {
      return view('testing.main');
   })-&gt;where('vue_capture', '^(?!storage).*$'); 
  </code></pre>
  <p>4.0 main.blade.php(in testing folder)</p>
  <pre><code>@extends('layouts.app')
  @section('content')
  &lt;div class=&quot;container&quot; id=&quot;app&quot;&gt;
      &lt;router-view&gt;&lt;/router-view&gt;
  &lt;/div&gt;
  @endsection
  </code></pre>
  <p>5.0 It doesn't work</p>
  <p>Thank you.</p>