@fy-/fws-vue 0.7.8 → 0.8.0

package/components/ui/DefaultGallery.vue

@@ -339,6 +339,7 @@ onUnmounted(() => {
           'custom-grid': mode == 'custom',
         }"
       >
+        <slot name="thumbnail" />
         <template v-for="i in images.length" :key="`g_${id}_${i}`">
           <template v-if="mode == 'mason'">
             <div

package/components/ui/DefaultPaging.vue

@@ -45,7 +45,7 @@ const next = () => {
 
   history.push({
     path: history.currentRoute.path,
-    query: { page: page.toString() },
+    query: { page: page.toString(), ...route.query },
     hash: props.hash != "" ? props.hash : undefined,
   });
 };
@@ -55,16 +55,7 @@ const prev = () => {
 
   history.push({
     path: history.currentRoute.path,
-    query: { page: page.toString() },
-    hash: props.hash != "" ? props.hash : undefined,
-  });
-};
-const page = (page: number) => {
-  if (!isNewPage(page)) return;
-
-  history.push({
-    path: history.currentRoute.path,
-    query: { page: page.toString() },
+    query: { page: page.toString(), ...route.query },
     hash: props.hash != "" ? props.hash : undefined,
   });
 };
@@ -129,6 +120,15 @@ useFyHead({
         rel: "prev",
         key: "prev",
       });
+    // add canonical
+    const url = getURL();
+    if (url) {
+      result.push({
+        href: `${url.Scheme}://${url.Host}${url.Path}`,
+        rel: "canonical",
+        key: "canonical",
+      });
+    }
     return result;
   }),
 });
@@ -154,7 +154,9 @@ useFyHead({
           <li v-if="items.page_no - 2 > 1">
             <router-link
               class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
-              :to="currentUrl + '1'"
+              :to="
+                currentUrl + '1' + (props.hash != '' ? `#${props.hash}` : '')
+              "
             >
               1
             </router-link>
@@ -174,7 +176,11 @@ useFyHead({
             >
               <router-link
                 class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
-                :to="currentUrl + (items.page_no - (3 - i))"
+                :to="
+                  currentUrl +
+                  (items.page_no - (3 - i)) +
+                  (props.hash != '' ? `#${props.hash}` : '')
+                "
               >
                 {{ items.page_no - (3 - i) }}
               </router-link>
@@ -195,7 +201,11 @@ useFyHead({
             >
               <router-link
                 class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
-                :to="currentUrl + (items.page_no + i)"
+                :to="
+                  currentUrl +
+                  (items.page_no + i) +
+                  (props.hash != '' ? `#${props.hash}` : '')
+                "
               >
                 {{ items.page_no + i }}
               </router-link>
@@ -211,7 +221,11 @@ useFyHead({
           <li v-if="items.page_no + 2 < items.page_max">
             <router-link
               class="flex items-center justify-center px-3 h-8 leading-tight text-fv-neutral-500 bg-white border border-fv-neutral-300 hover:bg-fv-neutral-100 hover:text-fv-neutral-700 dark:bg-fv-neutral-800 dark:border-fv-neutral-700 dark:text-fv-neutral-400 dark:hover:bg-fv-neutral-700 dark:hover:text-white"
-              :to="currentUrl + items.page_max"
+              :to="
+                currentUrl +
+                items.page_max +
+                (props.hash != '' ? `#${props.hash}` : '')
+              "
             >
               {{ items.page_max }}
             </router-link>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "0.7.8",
+  "version": "0.8.0",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "repository": {