خطا در هنگام نمایش کامپوننت در vue

<template>
    <div>
        <h1>Menu Editor</h1>
        <router-view></router-view>
    </div>
</template>

<script>
    import VueRouter from 'vue-router';    
    import CategoryManager from './CategoryManager.vue';
    import MenuItem from './MenuItem.vue';

    export default {
        router: new VueRouter({
            routes: [
                {
                    path: '/categories',
                    name: 'categories',
                    component: CategoryManager
                },
                {
                    path: '/',
                    redirect: {name: 'categories'}
                },
                {
                    path: '/add-item',
                    name: 'add-item',
                    component: MenuItem
                }
            ]
        })
    }
</script>

این کد کامپونت MenuEditor هست
وقتی توی ادرس بار ادرس زیر رو میزنم

http://localhost:3000/menu-editor#/categories

هیچی از محتویات اون فایل کامپونت categories رو نشون نمیده
فقظ توی کنسل پیغام زیر رو میده

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <MenuEditor>
       <Root>