fix: nav link render

packages/plugin-netlify-functions/package.json

@@ -48,11 +48,11 @@
     "dotenv": "^16.0.3",
     "esbuild": "^0.17.18",
     "execa": "^7.1.1",
-    "netlify-cli": "^14.3.1",
+    "netlify-cli": "^15.0.2",
     "portfinder": "^1.0.32"
   },
   "devDependencies": {
-    "@types/node": "^18.16.1"
+    "@types/node": "^18.16.5"
   },
   "publishConfig": {
     "access": "public"

packages/theme/package.json

@@ -68,18 +68,18 @@
     "@vuepress/plugin-toc": "2.0.0-beta.61",
     "@vuepress/shared": "2.0.0-beta.61",
     "@vuepress/utils": "2.0.0-beta.61",
-    "@vueuse/core": "^10.1.0",
+    "@vueuse/core": "^10.1.2",
     "body-scroll-lock": "4.0.0-beta.0",
-    "date-fns": "^2.29.3",
+    "date-fns": "^2.30.0",
     "lodash.merge": "^4.6.2",
     "nanoid": "^4.0.2",
     "ts-debounce": "^4.0.0",
     "vue": "^3.2.47",
     "vue-router": "4.1.6",
-    "vuepress-plugin-comment2": "2.0.0-beta.206",
-    "vuepress-plugin-md-enhance": "2.0.0-beta.206",
-    "vuepress-plugin-seo2": "2.0.0-beta.206",
-    "vuepress-plugin-sitemap2": "2.0.0-beta.206",
+    "vuepress-plugin-comment2": "2.0.0-beta.208",
+    "vuepress-plugin-md-enhance": "2.0.0-beta.208",
+    "vuepress-plugin-seo2": "2.0.0-beta.208",
+    "vuepress-plugin-sitemap2": "2.0.0-beta.208",
     "windicss": "^3.5.6"
   }
 }

packages/theme/src/client/components/AutoLink.vue

@@ -52,4 +52,9 @@ const linkTo = (e: Event) => {
   fill: var(--vp-c-text-3);
   transition: fill 0.25s;
 }
+
+.auto-link :deep(i) {
+  font-style: normal;
+  font-weight: inherit;
+}
 </style>

packages/theme/src/client/components/Flyout/MenuGroup.vue

@@ -12,7 +12,7 @@ defineProps<{
   <div class="menu-group">
     <p v-if="text" class="title">
       <Icon v-if="icon" :name="icon" />
-      {{ text }}
+      <span>{{ text }}</span>
     </p>
 
     <template v-for="item in items">

packages/theme/src/client/components/Flyout/MenuLink.vue

@@ -23,7 +23,7 @@ const page = usePageData()
       :href="item.link"
     >
       <Icon v-if="item.icon" :name="item.icon" />
-      {{ item.text }}
+      <i>{{ item.text }}</i>
     </AutoLink>
   </div>
 </template>

packages/theme/src/client/components/Nav/NavBarMenuLink.vue

@@ -25,7 +25,7 @@ const page = usePageData()
     :no-icon="true"
   >
     <Icon v-if="item.icon" :name="item.icon" />
-    {{ item.text }}
+    <i>{{ item.text }}</i>
   </AutoLink>
 </template>
 

packages/theme/src/client/components/Nav/NavScreenMenuGroupLink.vue

@@ -18,7 +18,7 @@ const closeScreen = inject('close-screen') as () => void
     @click="closeScreen"
   >
     <Icon v-if="icon" :name="icon" />
-    {{ text }}
+    <i>{{ text }}</i>
   </AutoLink>
 </template>
 

packages/theme/src/client/components/Nav/NavScreenMenuLink.vue

@@ -14,7 +14,7 @@ const closeScreen = inject('close-screen') as () => void
 <template>
   <AutoLink class="nav-screen-menu-link" :href="link" @click="closeScreen">
     <Icon v-if="icon" :name="icon" />
-    {{ text }}
+    <i>{{ text }}</i>
   </AutoLink>
 </template>