fix: update vue

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitepress-for-component",
-  "version": "0.16.1",
+  "version": "0.16.2",
   "description": "dumi like documentation tool",
   "main": "dist/node/index.js",
   "typings": "types/index.d.ts",
@@ -72,8 +72,6 @@
     "@docsearch/css": "^1.0.0-alpha.28",
     "@docsearch/js": "^1.0.0-alpha.28",
     "@vitejs/plugin-vue": "^1.1.4",
-    "@vue/compiler-sfc": "^3.0.5",
-    "@vue/server-renderer": "^3.0.5",
     "chalk": "^4.1.0",
     "chokidar": "^3.5.1",
     "compression": "^1.7.4",
@@ -100,7 +98,7 @@
     "slash": "^3.0.0",
     "stylus": "^0.54.8",
     "vite": "2.4.1",
-    "vue": "^3.2.19"
+    "vue": "^3.2.20"
   },
   "devDependencies": {
     "@types/compression": "^1.7.0",

src/client/theme-default/components/NavBar.vue

@@ -15,12 +15,11 @@
 </template>
 
 <script setup lang="ts">
-import { defineEmit } from 'vue'
 import NavBarTitle from './NavBarTitle.vue'
 import NavLinks from './NavLinks.vue'
 import ToggleSideBarButton from './ToggleSideBarButton.vue'
 
-defineEmit(['toggle'])
+defineEmits(['toggle'])
 </script>
 
 <style scoped>
@@ -34,14 +33,14 @@ defineEmit(['toggle'])
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid var(--c-divider);
-  padding: .7rem 1.5rem .7rem 4rem;
+  padding: 0.7rem 1.5rem 0.7rem 4rem;
   height: var(--header-height);
   background-color: #ffffff;
 }
 
 @media (min-width: 720px) {
   .nav-bar {
-    padding: .7rem 1.5rem;
+    padding: 0.7rem 1.5rem;
   }
 }