Test

node_modules/vitepress/dist/client/theme-default/components/VPNavScreenMenuGroupLink.vue

@@ -0,0 +1,39 @@
+<script lang="ts" setup>
+import type { DefaultTheme } from 'vitepress/theme'
+import { inject } from 'vue'
+import VPLink from './VPLink.vue'
+
+defineProps<{
+  item: DefaultTheme.NavItemWithLink
+}>()
+
+const closeScreen = inject('close-screen') as () => void
+</script>
+
+<template>
+  <VPLink
+    class="VPNavScreenMenuGroupLink"
+    :href="item.link"
+    :target="item.target"
+    :rel="item.rel"
+    @click="closeScreen"
+  >
+    {{ item.text }}
+  </VPLink>
+</template>
+
+<style scoped>
+.VPNavScreenMenuGroupLink {
+  display: block;
+  margin-left: 12px;
+  line-height: 32px;
+  font-size: 14px;
+  font-weight: 400;
+  color: var(--vp-c-text-1);
+  transition: color 0.25s;
+}
+
+.VPNavScreenMenuGroupLink:hover {
+  color: var(--vp-c-brand-1);
+}
+</style>