@wordup-md/nuxt-layer-shadcn-unocss 0.3.3 → 0.3.5

package/.playground/app/router.options.ts

@@ -0,0 +1,38 @@
+import type { RouterConfig } from '@nuxt/schema'
+
+// https://router.vuejs.org/api/interfaces/routeroptions.html
+export default <RouterConfig>{
+  scrollBehavior(to, _form, savedPosition) {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        if (history.state.smooth) {
+          resolve({
+            el: history.state.smooth,
+            behavior: 'smooth',
+          })
+        }
+
+        if (to.hash) {
+          const el = document.querySelector(to.hash) as any
+          if (!el)
+            resolve({ el: to.hash, top: 0 })
+
+          const { marginTop } = getComputedStyle(el)
+          const marginTopValue = Number.parseInt(marginTop)
+          const offset = (document.querySelector(to.hash) as any).offsetTop - marginTopValue
+
+          resolve({
+            top: offset,
+            behavior: 'smooth',
+          })
+        }
+
+        // Scroll to top of window
+        if (savedPosition)
+          resolve(savedPosition)
+        else
+          resolve({ top: 0 })
+      }, 1) // Hack page wise navigation
+    })
+  },
+}

package/components/layout/TocTree.vue

@@ -11,7 +11,7 @@
           class="absolute md:ml-1.5 left-0 top-0 bottom-0 w-px transition-colors duration-300 ease-in-out"
           :class="isActive(link) ? 'bg-primary' : 'bg-border'"
         />
-        <NuxtLinkLocale
+        <NuxtLink
           :to="`#${link.id}`"
           class="text-muted-foreground transition-all hover:text-primary"
           :class="{
@@ -20,7 +20,7 @@
           }"
         >
           {{ link.text }}
-        </NuxtLinkLocale>
+        </NuxtLink>
       </div>
       <TocTree
         v-if="link.children"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wordup-md/nuxt-layer-shadcn-unocss",
   "type": "module",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "author": "Emmanuel Salomon <emmanuel.salomon@gmail.com>",
   "main": "./nuxt.config.ts",
   "repository": {

package/pages/index.vue

@@ -1,12 +1,14 @@
 <template>
   <NuxtLayout :class="page?.header?.position === 'over' && 'header-over'">
-    <ContentCms
-      v-if="page"
-      :key="page._id"
-      :value="page"
-      class="content-grid"
-    />
-    <!-- <ContentRenderer :key="page._id" :value="page" class="content-grid" /> -->
+    <main>
+      <ContentCms
+        v-if="page"
+        :key="page._id"
+        :value="page"
+        class="content-grid"
+      />
+      <!-- <ContentRenderer :key="page._id" :value="page" class="content-grid" /> -->
+    </main>
   </NuxtLayout>
 </template>