docs: add open an issue link

fix #173

Author: Barbapapazes

.vitepress/theme/components/AsideOutlineAfter.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { useRoute } from 'vitepress'
 import { computed } from 'vue'
+import { withoutLeadingSlash, withoutTrailingSlash } from 'ufo'
 
 const route = useRoute()
 
@@ -21,18 +22,21 @@ const show = computed(() => {
 })
 
 const componentPath = computed(() => {
-  return route.path.replace('/index.md', '')
+  return withoutTrailingSlash(withoutLeadingSlash(route.path.replace('/index.md', '')))
 })
 
 const componentName = computed(() => {
   return componentPath.value.split('/').pop()
 })
 
 const viewComponent = computed(() => {
-  return `https://github.com/barbapapazes-sponsors/vue-ui/blob/main/src${componentPath.value}`
+  return `https://github.com/barbapapazes-sponsors/vue-ui/blob/main/src/${componentPath.value}`
 })
 const editComponent = computed(() => {
-  return `https://github.com/barbapapazes-sponsors/vue-ui/edit/main/src${componentPath.value}/${componentName.value}.vue`
+  return `https://github.com/barbapapazes-sponsors/vue-ui/edit/main/src/${componentPath.value}/${componentName.value}.vue`
+})
+const openIssue = computed(() => {
+  return `https://github.com/barbapapazes-sponsors/vue-ui/issues/new?title=[${componentName.value}]%20`
 })
 </script>
 
@@ -47,6 +51,11 @@ const editComponent = computed(() => {
       View on GitHub
     </a>
 
+    <a :href="openIssue" target="_blank" class="flex flex-row items-center text-(--vp-c-text-2)! text-sm transition-colors duration-[250ms] leading-8 hover:text-(--vp-c-text-1)!">
+      <span class="i-lucide-message-square mr-2 size-4" />
+      Open an issue
+    </a>
+
     <a :href="editComponent" target="_blank" class="flex flex-row items-center text-(--vp-c-text-2)! text-sm transition-colors duration-[250ms] leading-8 hover:text-(--vp-c-text-1)!">
       <span class="i-lucide-pen mr-2 size-4" />
       Edit the component