@fy-/fws-vue 2.1.29 → 2.1.31

package/components/ui/DefaultPaging.vue

@@ -5,7 +5,7 @@ import type { APIPaging } from '../../composables/rest'
 import { getURL, hasFW } from '@fy-/fws-js'
 import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/vue/24/solid'
 import { useHead } from '@unhead/vue'
-import { computed, ref, watch, watchEffect } from 'vue'
+import { ref, watch, watchEffect } from 'vue'
 import { useRoute } from 'vue-router'
 import { useEventBus } from '../../composables/event-bus'
 import { useServerRouter } from '../../stores/serverRouter'
@@ -78,56 +78,57 @@ pageWatcher.value = watch(
 )
 
 watchEffect(() => {
-  useHead({
-    link: computed(() => {
-      const result: any = []
-      const page = props.items.page_no
-      const page_max = props.items.page_max
-
-      let next
-      let prev
-
-      if (hasFW()) {
-        const url = getURL()
-        if (url) {
-          const currentQuery = { ...route.query }
-          // Remove the existing 'page' parameter to avoid duplicates
-          delete currentQuery.page
-
-          const baseURL = `${url.Scheme}://${url.Host}${url.Path}`
-          const hashPart = props.hash !== '' ? `#${props.hash}` : ''
-
-          if (page + 1 <= page_max) {
-            const nextQuery = { ...currentQuery, page: (page + 1).toString() }
-            const nextQueryString = new URLSearchParams(nextQuery).toString()
-            next = `${baseURL}?${nextQueryString}${hashPart}`
-          }
-
-          if (page - 1 >= 1) {
-            const prevQuery = { ...currentQuery, page: (page - 1).toString() }
-            const prevQueryString = new URLSearchParams(prevQuery).toString()
-            prev = `${baseURL}?${prevQueryString}${hashPart}`
-          }
-        }
+  const page = props.items.page_no
+  const page_max = props.items.page_max
+
+  let next
+  let prev
+
+  if (hasFW()) {
+    const url = getURL()
+    if (url) {
+      const currentQuery = { ...route.query }
+      // Remove the existing 'page' parameter to avoid duplicates
+      delete currentQuery.page
+
+      const baseURL = `${url.Scheme}://${url.Host}${url.Path}`
+      const hashPart = props.hash !== '' ? `#${props.hash}` : ''
+
+      if (page + 1 <= page_max) {
+        const nextQuery = { ...currentQuery, page: (page + 1).toString() }
+        const nextQueryString = new URLSearchParams(nextQuery).toString()
+        next = `${baseURL}?${nextQueryString}${hashPart}`
       }
 
-      if (next) {
-        result.push({
-          href: next,
-          rel: 'next',
-          key: `paging-next${props.id}`,
-        })
-      }
-      if (prev) {
-        result.push({
-          href: prev,
-          rel: 'prev',
-          key: `paging-prev${props.id}`,
-        })
+      if (page - 1 >= 1) {
+        const prevQuery = { ...currentQuery, page: (page - 1).toString() }
+        const prevQueryString = new URLSearchParams(prevQuery).toString()
+        prev = `${baseURL}?${prevQueryString}${hashPart}`
       }
-
-      return result
-    }),
+    }
+  }
+  const result: any = []
+
+  if (next) {
+    result.push({
+      href: next,
+      rel: 'next',
+      key: `paging-next${props.id}`,
+      hid: `paging-next${props.id}`,
+      id: `paging-next${props.id}`,
+    })
+  }
+  if (prev) {
+    result.push({
+      href: prev,
+      rel: 'prev',
+      key: `paging-prev${props.id}`,
+      hid: `paging-prev${props.id}`,
+      id: `paging-prev${props.id}`,
+    })
+  }
+  useHead({
+    link: result,
   })
 })
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "2.1.29",
+  "version": "2.1.31",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "homepage": "https://github.com/fy-to/FWJS#readme",