Use Laravel named routes in Vuejs

laravel2js.blade.php

<script>

  window.Laravel = @json([
  
        'csrfToken' => csrf_token(),
        
        'baseUrl' => url('/'),
        
        'routes'  => collect(Route::getRoutes())
                     ->mapWithKeys(function ($route) {
                              return [ 
                                  $route->getName() => $route->uri()
                              ]; 
                     })
  ]);
  
</script>

route.js

// import this file in window.route like this:

// import route from './route.js';
// window.route=route;


var routes = window.Laravel.routes;

module.exports = function () {

    var args = Array.prototype.slice.call(arguments);
    
    var name = args.shift();
    
    if (routes[name] === undefined) {
    
        console.error('Route not found ', name);
        
    } 
    else {
        return window.Laravel.baseUrl 
        + '/' 
        + routes[name]
            .split( '/' )
            .map( s => {
                s[0] === '{' ? args.shift() : s
            } )
            .join('/');
    }
};

usage.js

route(‘post.index’); // "http://example.com/posts"

let post={
  id:1,
  title:'Post 2'
}

route(‘post.update’, this.post.id); // "http://example.com/posts/1