Laravel по-русски

$table->increments('id');
                $table->integer('menu_id')->unsigned()->nullable()->index();
                $table->string('name');
                $table->foreign('menu_id')->references('id')->on('menus');

    public function menu()
    {
        return $this->hasMany(Menu::class);
    }
    public function childrenMenu()
    {
        return $this->hasMany(Menu::class)->with('menu');
    }

    public function index()
    {
        $menus = [];$submenu=[];
        $menus = Menu::whereNull('menu_id')
        ->with('childrenMenu')
        ->get();       
        foreach ($menus as $menu){
            $submenu[]=$menu->childrenMenu;
        }  
        return response()->json(array('menu'=>$menus,'submenu'=>$submenu));  
    }

Schema::table('users', function($table)
{
  $table->renameColumn('from', 'to');
});

require('./bootstrap')

import { createApp } from 'vue'
import {createRouter, createWebHistory} from 'vue-router'
//import Main from './Main'
import { routes } from './routes';

const history = createWebHistory({});


const router = createRouter({
    base: '/',
    history:history,
    routes
});

const app = createApp({
    el: '#app',
    router
});

import UserComponent from './components/UserComponent.vue';
import CreateComponent from './components/CreateComponent.vue';
import EditComponent from './components/EditComponent.vue';
 
export const routes = [
    {
        name: 'users',
        path: '/',
        component: UserComponent
    },
    {
        name: 'create',
        path: '/create',
        component: CreateComponent
    },
    {
        name: 'edit',
        path: '/edit/:id',
        component: EditComponent
    }
];

<template>
    <div class="container">
        <div class="text-center m-5">
            <span class="lead">Laravel 8 CRUD Operation using Vue.js</span>
        </div>
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <div class="collapse navbar-collapse">
                <div class="navbar-nav">
                    <router-link to="/" class="btn btn-primary m-1 nav-link">Users</router-link>
                    <router-link to="/create" class="btn btn-success m-1 nav-link">Add User</router-link>
                </div>
            </div>
        </nav>
        <router-view></router-view>
    </div>
</template>
<script>
    export default {}
</script>