@fy-/fws-vue 2.0.23 → 2.0.25

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

@@ -18,6 +18,7 @@ const props = withDefaults(
     showTitle?: boolean;
     postValue?: any;
     passData?: boolean;
+    imageDomain?: string;
   }>(),
   {
     baseBreadcrumb: () => [],
@@ -26,6 +27,7 @@ const props = withDefaults(
     showTitle: true,
     postValue: () => undefined,
     passData: false,
+    imageDomain: "https://s.nocachenocry.com",
   },
 );
 
@@ -47,7 +49,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";
@@ -93,7 +95,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 +112,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/composables/seo.ts

@@ -30,7 +30,7 @@ export interface LazyHead {
 
 export const useSeo = (seoData: Ref<LazyHead>, initial: boolean = false) => {
   const route = useRoute();
-  const d = getLocale();
+  const currentLocale = getLocale();
   const url = getURL();
 
   useHead({
@@ -83,7 +83,11 @@ export const useSeo = (seoData: Ref<LazyHead>, initial: boolean = false) => {
 
   useSeoMeta({
     ogUrl: () => `${getURL().Scheme}://${getURL().Host}${route.fullPath}`,
-    ogLocale: () => currentLocale.replace("-", "_"),
+    ogLocale: () => {
+      if (currentLocale) {
+        return currentLocale.replace("-", "_");
+      }
+    },
     robots:
       "index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1",
     title: () => seoData.value.title,

package/package.json

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