Router yapısı kaldırıldı

package-lock.json

@@ -17039,11 +17039,6 @@
         }
       }
     },
-    "vue-router": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.1.tgz",
-      "integrity": "sha512-RRQNLT8Mzr8z7eL4p7BtKvRaTSGdCbTy2+Mm5HTJvLGYSSeG9gDzNasJPP/yOYKLy+/cLG/ftrqq5fvkFwBJEw=="
-    },
     "vue-style-loader": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz",

package.json

@@ -26,8 +26,7 @@
     "dayjs": "^1.10.4",
     "element-ui": "^2.4.5",
     "vue": "^2.6.11",
-    "vue-i18n": "^8.22.3",
-    "vue-router": "^3.2.0"
+    "vue-i18n": "^8.22.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",

src/App.vue

 <template>
   <div id="app">
     <el-container class="body">
-      <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
-        <el-menu v-bind:router="true">
-          <el-menu-item index="1" v-bind:route="{ name: 'Containers' }">
-            <span v-text="$t('menu.containers')" />
-          </el-menu-item>
-          <el-menu-item index="2" v-bind:route="{ name: 'Images' }">
-            <span v-text="$t('menu.images')" />
-          </el-menu-item>
-        </el-menu>
-      </el-aside>
       <el-container>
-        <el-main><router-view /></el-main>
+        <el-main><Containers /></el-main>
         <el-footer>Footer</el-footer>
       </el-container>
     </el-container>
   </div>
 </template>
 
+<script>
+import Containers from "./views/Containers.vue";
+export default {
+  name: "App",
+  components: {
+    Containers
+  }
+};
+</script>
+
 <style>
 body {
   font-family: Avenir, Helvetica, Arial, sans-serif;

src/main.js

 import Vue from "vue";
 import App from "./App.vue";
-import router from "./router";
 import axios from "axios";
 
 import "./assets/scss/main.scss";
@@ -45,7 +44,6 @@ Vue.component("icon", FontAwesomeIcon);
 Vue.config.productionTip = false;
 
 new Vue({
-  router,
   i18n,
   render: h => h(App)
 }).$mount("#app");

src/router/index.js

-import Vue from "vue";
-import VueRouter from "vue-router";
-import Containers from "../views/Containers.vue";
-import Images from "../views/Images.vue";
-
-Vue.use(VueRouter);
-const Foo = { template: "<div>foo</div>" };
-
-const routes = [
-  {
-    path: "/",
-    name: "Home",
-    component: Foo
-  },
-  {
-    path: "/containers",
-    name: "Containers",
-    component: Containers
-  },
-  {
-    path: "/images",
-    name: "Images",
-    component: Images
-  }
-];
-
-const router = new VueRouter({
-  mode: "history",
-  routes
-});
-
-export default router;