@fy-/fws-vue 2.0.24 → 2.0.26

package/components/fws/CmsArticleBoxed.vue

@@ -10,6 +10,10 @@ defineProps({
     type: String,
     default: "blog",
   },
+  imageDomain: {
+    type: String,
+    default: "https://s.nocachenocry.com",
+  },
 });
 </script>
 
@@ -27,7 +31,7 @@ defineProps({
     <meta
       itemprop="thumbnailUrl"
       v-if="article.CoverUUID"
-      :content="`https://s.nocachenocry.com/${article.CoverUUID}?vars=format=webp:resize=512x512`"
+      :content="`${imageDomain}/${article.CoverUUID}?vars=format=webp:resize=512x512`"
     />
     <RouterLink
       :to="`/${type}/${article.Slug}`"
@@ -35,7 +39,7 @@ defineProps({
       :alt="article.Title"
       ><img
         v-if="article.CoverUUID"
-        :src="`https://s.nocachenocry.com/${article.CoverUUID}?vars=format=webp:scale_crop_center=400x195`"
+        :src="`${imageDomain}/${article.CoverUUID}?vars=format=webp:scale_crop_center=400x195`"
         loading="lazy"
         :title="article.Title"
         :alt="article.Title"

package/components/fws/CmsArticleSingle.vue

@@ -6,6 +6,7 @@ import { useRest } from "../../composables/rest";
 import { LazyHead, useSeo } from "../../composables/seo";
 import type { BreadcrumbLink } from "../../types";
 import DefaultBreadcrumb from "../ui/DefaultBreadcrumb.vue";
+import { defineWebPage, useSchemaOrg } from "@unhead/schema-org";
 
 const props = withDefaults(
   defineProps<{
@@ -18,6 +19,9 @@ const props = withDefaults(
     showTitle?: boolean;
     postValue?: any;
     passData?: boolean;
+    imageDomain?: string;
+    multLanguage?: boolean;
+    urlSlug?: string;
   }>(),
   {
     baseBreadcrumb: () => [],
@@ -26,6 +30,9 @@ const props = withDefaults(
     showTitle: true,
     postValue: () => undefined,
     passData: false,
+    imageDomain: "https://s.nocachenocry.com",
+    multLanguage: true,
+    urlSlug: "blog",
   },
 );
 
@@ -47,7 +54,7 @@ const getBlogPost = async () => {
     seo.value.description = post.value.Overview;
 
     if (post.value.CoverUUID) {
-      seo.value.image = `https://s.nocachenocry.com/${post.value.CoverUUID}?vars=format=png:resize=512x512`;
+      seo.value.image = `${props.imageDomain}/${post.value.CoverUUID}?vars=format=png:resize=512x512`;
       seo.value.imageWidth = "512";
       seo.value.imageHeight = "512";
       seo.value.imageType = "image/png";
@@ -57,7 +64,11 @@ const getBlogPost = async () => {
     } else {
       seo.value.locale = "en-US";
     }
-    seo.value.url = `https://${props.baseUrl}/l/${seo.value.locale}/blog/${post.value.Slug}`;
+    if (props.multLanguage) {
+      seo.value.url = `https://${props.baseUrl}/l/${seo.value.locale}/${props.urlSlug}/${post.value.Slug}`;
+    } else {
+      seo.value.url = `https://${props.baseUrl}/${props.urlSlug}/${post.value.Slug}`;
+    }
     if (post.value.Locales && post.value.Locales.length > 1) {
       seo.value.alternateLocales = post.value.Locales;
     }
@@ -72,6 +83,12 @@ watchEffect(() => {
   getBlogPost();
 });
 useSeo(seo);
+useSchemaOrg([
+  defineWebPage({
+    datePublished: post.value.CreatedAt.iso,
+    dateModified: post.value.UpdatedAt.iso,
+  }),
+]);
 </script>
 <template>
   <div>
@@ -85,6 +102,7 @@ useSeo(seo);
         />
       </div>
       <article itemscope itemtype="https://schema.org/Article">
+        <meta itemprop="mainEntityOfPage" content="#webpage" />
         <meta itemprop="wordCount" :content="post.WordCount" />
         <meta itemprop="datePublished" :content="post.CreatedAt.iso" />
         <meta itemprop="dateModified" :content="post.UpdatedAt.iso" />
@@ -93,7 +111,7 @@ useSeo(seo);
         <meta
           itemprop="thumbnailUrl"
           v-if="post.CoverUUID"
-          :content="`https://s.nocachenocry.com/${post.CoverUUID}?vars=format=webp:resize=512x512`"
+          :content="`${props.imageDomain}/${post.CoverUUID}?vars=format=webp:resize=512x512`"
         />
         <div class="py-4 px-4 max-w-6xl mx-auto" v-if="showTitle">
           <h1
@@ -110,7 +128,7 @@ useSeo(seo);
         </div>
         <img
           v-if="post.CoverUUID && showImage"
-          :src="`https://s.nocachenocry.com/${post.CoverUUID}?vars=format=webp:resize=768x768`"
+          :src="`${props.imageDomain}/${post.CoverUUID}?vars=format=webp:resize=768x768`"
           :alt="post.Title"
           class="h-auto rounded-xl shadow max-w-[768px] max-h-[280px] mx-auto mb-6"
         />

package/components/ui/DefaultModal.vue

@@ -16,10 +16,12 @@ const props = withDefaults(
     onClose?: Function;
     closeIcon?: Object;
     mSize?: string;
+    ofy?: string;
   }>(),
   {
     closeIcon: () => h(XCircleIcon),
     mSize: "w-full",
+    ofy: "overflow-y-auto",
   },
 );
 
@@ -63,7 +65,7 @@ onUnmounted(() => {
         style="z-index: 41"
       >
         <div
-          :class="`relative ${mSize} max-w-6xl max-h-full overflow-y-auto bg-white rounded-lg shadow dark:bg-fv-neutral-900`"
+          :class="`relative ${mSize} max-w-6xl max-h-full ${ofy}bg-white rounded-lg shadow dark:bg-fv-neutral-900`"
           style="z-index: 42"
         >
           <div

package/package.json

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