reloved build error

src/App.vue

@@ -6,7 +6,6 @@ import { NavigationModel, Nav } from '@/components';
 <template>
     <div class="app-container">
         <NavigationModel />
-        <!-- <Nav /> -->
         <div class="container pt-4 pb-4">
             <router-view />
         </div>

src/router/Muscle.js

@@ -1,9 +1,7 @@
 import { Legs, Back, Chest, Shoulder, Triceps, Biceps } from '@/views/muscles';
-// import Tilebar from '@/views/layouts';
 
 export default {
-    path: '/muscles',
-    // component: Tilebar,
+    path: '/muscles', 
     children: [
         { path: 'legs', component: Legs },
         { path: 'back', component: Back },

src/router/index.js

@@ -1,6 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomeView from '../views/Home.vue'
-import MusclesRouter from './muscle.router.js';
+import MusclesRouter from './Muscle.js';
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),

src/views/layouts/Tilebar.vue

@@ -1,8 +0,0 @@
-<template>
-    <div class="p-4">
-        <div class="container">
-            <router-view />
-        </div>
-    </div>
-</template>
-