路由配置

src/pages/CommandPage.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>commandPage</div>
+</template>
+
+<script>
+export default {};
+</script>

src/pages/ErrorNotFound.vue

@@ -1,31 +0,0 @@
-<template>
-  <div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
-    <div>
-      <div style="font-size: 30vh">
-        404
-      </div>
-
-      <div class="text-h2" style="opacity:.4">
-        Oops. Nothing here...
-      </div>
-
-      <q-btn
-        class="q-mt-xl"
-        color="white"
-        text-color="blue"
-        unelevated
-        to="/"
-        label="Go Home"
-        no-caps
-      />
-    </div>
-  </div>
-</template>
-
-<script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'ErrorNotFound'
-})
-</script>

src/pages/IndexPage.vue

@@ -1,17 +0,0 @@
-<template>
-  <q-page class="flex flex-center">
-    <img
-      alt="Quasar logo"
-      src="~assets/quasar-logo-vertical.svg"
-      style="width: 200px; height: 200px"
-    >
-  </q-page>
-</template>
-
-<script>
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'IndexPage'
-})
-</script>

src/pages/NewCommand.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>newCommand</div>
+</template>
+
+<script>
+export default {
+  mounted() {
+    console.log(JSON.parse(localStorage["enterData"]));
+  },
+};
+</script>

src/pages/QuickPanel.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        quickPanel
+    </div>
+</template>