fix: px

package.json

@@ -13,6 +13,7 @@
     "lodash": "^4.17.21",
     "normalize.css": "^8.0.1",
     "nprogress": "^0.2.0",
+    "quasar": "^2.7.1",
     "vue": "^3.2.25",
     "vue-router": "^4.0.13",
     "vuex": "^4.0.2"
@@ -25,7 +26,7 @@
     "sass": "^1.51.0",
     "sass-loader": "^12.6.0",
     "typescript": "^4.5.4",
-    "vite": "^2.9.5",
+    "vite": "^3.0.2",
     "vue-tsc": "^0.34.7"
   }
 }

src/App.vue

@@ -12,8 +12,6 @@ export default defineComponent({});
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  text-align: center;
   color: #2c3e50;
-  margin-top: 60px;
 }
 </style>

src/components/HelloWorld.vue

@@ -1,52 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <p>
-    Recommended IDE setup:
-    <a href="https://code.visualstudio.com/" target="_blank">VS Code</a>
-    +
-    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
-  </p>
-
-  <p>See <code>README.md</code> for more information.</p>
-
-  <p>
-    <a href="https://vitejs.dev/guide/features.html" target="_blank">
-      Vite Docs
-    </a>
-    |
-    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
-  </p>
-
-  <button type="button" @click="count++">count is: {{ count }}</button>
-  <p>
-    Edit
-    <code>components/HelloWorld.vue</code> to test hot module replacement.
-  </p>
-</template>
-
-<style scoped>
-a {
-  color: #42b983;
-}
-
-label {
-  margin: 0 0.5em;
-  font-weight: bold;
-}
-
-code {
-  background-color: #eee;
-  padding: 2px 4px;
-  border-radius: 4px;
-  color: #304455;
-}
-</style>

src/router/index.ts

@@ -6,6 +6,7 @@ import "nprogress/nprogress.css"; // progress bar style
 NProgress.configure({ easing: "ease", speed: 500, showSpinner: false });
 NProgress.inc(0.2);
 // End
+
 import Home from "../views/Home.vue";
 const routes: Array<RouteRecordRaw> = [
   {

src/views/Home.vue

@@ -1,9 +1,5 @@
 <template>
-  <div>
+  <div></div>
-    <el-button type="primary" @click="$router.push('/about')"
-      >ElementUI</el-button
-    >
-  </div>
 </template>
 
 <script>