fix: link -d

@fiction/core/plugin-router/index.ts

@@ -76,7 +76,13 @@ export class FictionRouter<
       this.router.value = vueRouter.createRouter({
         history,
         routes: this.vueRoutes.value,
-        scrollBehavior: (to, from, savedPosition) => savedPosition || (to.hash ? { selector: to.hash, behavior: 'smooth' } : { top: 0 }),
+        scrollBehavior(to, from, savedPosition) {
+          if (to.hash)
+            return { el: to.hash, behavior: 'smooth' }
+          else if (savedPosition)
+            return savedPosition
+          else return { top: 0 }
+        },
       })
 
       // Define router hooks directly here if they're not too complex

@fiction/core/types/utils.ts

@@ -56,6 +56,13 @@ export interface NavItem {
   target?: string
 }
 
+export interface NavItemGroup {
+  title?: string
+  key?: string
+  items: NavItem[] | readonly NavItem[]
+  class?: string
+}
+
 export interface NavGroup {
   title?: string
   key?: string

@fiction/themes/fiction/el/ElFooter.vue

@@ -1,13 +1,14 @@
 <script lang="ts" setup>
-import type { MediaDisplayObject, MenuGroup, NavItem } from '@fiction/core'
-import { vue } from '@fiction/core'
+import type { MediaDisplayObject, MenuGroup, NavItem, NavItemGroup } from '@fiction/core'
+import { getNavComponentType, vue } from '@fiction/core'
 import type { Card } from '@fiction/site/card'
 import ElImage from '@fiction/ui/ElImage.vue'
 import CardSocials from '@fiction/cards/el/CardSocials.vue'
+import ElNavLink from '@fiction/ui/ElNavLink.vue'
 
 export type UserConfig = {
   icon?: MediaDisplayObject
-  menus?: MenuGroup[]
+  menus?: NavItemGroup[]
   socials?: NavItem[]
   footerText?: string
   privacyPolicy?: string
@@ -47,24 +48,21 @@ const footer = [
               class="col-span-12 sm:col-span-3"
             >
               <h3
-                v-if="col.groupName"
+                v-if="col.title"
                 class="mb-3 md:mb-6 text-left font-sans text-xs text-theme-500 dark:text-theme-500 font-medium uppercase tracking-widest"
               >
-                {{ col.groupName }}
+                {{ col.title }}
               </h3>
-              <ul v-if="col.menu" :class="col.class ? col.class : 'space-y-3'">
+              <ul v-if="col.items" :class="col.class ? col.class : 'space-y-3'">
                 <li
-                  v-for="(item, ii) in col.menu"
+                  v-for="(item, ii) in col.items"
                   :key="ii"
                   class="text-left"
                 >
-                  <a
-                    :href="item.href"
-                    :target="item.target ? item.target : '_self'"
+                  <ElNavLink
+                    :item="item"
                     class="hover:text-primary-500 text-theme-800 dark:text-theme-50 dark:hover:text-theme-300 font-sans text-sm font-semibold"
-                  >
-                    {{ item.name }}
-                  </a>
+                  />
                 </li>
               </ul>
             </div>

@fiction/themes/fiction/index.ts

@@ -103,23 +103,23 @@ export function setup(args: { fictionEnv: FictionEnv, fictionStripe: FictionStri
                 },
                 menus: [
                   {
-                    groupName: 'Pages',
-                    menu: [
+                    title: 'Pages',
+                    items: [
                       { href: '/tour', name: 'Tour' },
                       { href: '/pricing', name: 'Pricing' },
                       { href: '/developer', name: 'Developer' },
                     ],
                   },
                   {
-                    groupName: 'Company',
-                    menu: [
+                    title: 'Company',
+                    items: [
                       { href: '/about', name: 'About' },
-                      { href: 'https', name: 'Support' },
+                      { href: `https://docs.${domain}/resources/support.html`, name: 'Support' },
                     ],
                   },
                   {
-                    groupName: 'Resources',
-                    menu: [
+                    title: 'Resources',
+                    items: [
                       { href: `https://docs.${domain}`, name: 'Docs' },
                       { href: '/app', name: 'Dashboard' },
                     ],

@fiction/ui/ElNavLink.vue

@@ -0,0 +1,20 @@
+<script lang="ts" setup>
+import type { NavItem, vue } from '@fiction/core'
+import { getNavComponentType } from '@fiction/core'
+
+defineProps({
+  item: { type: Object as vue.PropType<NavItem>, required: true },
+})
+</script>
+
+<template>
+  <component
+    :is="getNavComponentType(item)"
+    :href="item.href"
+    :to="item.href"
+    :target="item.target ? item.target : '_self'"
+    class="hover:text-primary-500 text-theme-800 dark:text-theme-50 dark:hover:text-theme-300 font-sans text-sm font-semibold"
+  >
+    {{ item.name }}
+  </component>
+</template>

docs/resources/support.md

@@ -8,22 +8,23 @@ hero:
   tagline: Have a question? Need some guidance? Let's chat.
   actions:
     - theme: brand
-      text: Chat with Us
+      text: Discord Community
       link: https://discord.gg/e5wNxdDW8u
 
 features:
-  - icon: ⭐️
-    title: Satisfaction Guaranteed
-    details: We provide a no questions asked satisfaction guarantee to paying customers.
 
   - icon: 🧑‍💻
-    title: Github Repo
+    title: Github Discussion / Issues
     details: Connect with us on Github to report issues, request features, or contribute to the project.
     link: https://www.github.com/fictionco/fiction
 
   - icon: 💬
-    title: Discord Community
+    title: Chat on Discord
     details: Chat with us or other users in our Discord community.
     link: https://discord.gg/e5wNxdDW8u
 
+  - icon: ⭐️
+    title: Satisfaction Guaranteed
+    details: We provide a no questions asked satisfaction guarantee to paying customers.
+
 ---