cinqcinqdev-seo 0.1.40 → 0.1.42

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.1.40",
+  "version": "0.1.42",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/components/sections/RichText.vue

@@ -48,7 +48,11 @@ const props = defineProps({
 const sectionPad = computed(() => ({ compact: "py-8 px-4 md:px-8", normal: "py-14 px-6 md:px-12", spacious: "py-24 px-8 md:px-16" })[props.spacing] || "py-14 px-6 md:px-12");
 const cardRound = computed(() => ({ sharp: "rounded-lg", rounded: "rounded-xl", pill: "rounded-full" })[props.radius] || "rounded-xl");
 const maxW = computed(() => ({ article: "max-w-2xl mx-auto", wide: "max-w-4xl mx-auto", full: "w-full" })[props.layout] || "max-w-2xl mx-auto");
-const rendered = computed(() => props.content || "");
+const rendered = computed(() => {
+  if (!props.content) return "";
+  if (typeof props.content === "object") return props.content.fr || "";
+  return props.content;
+});
 </script>
 
 <style scoped>

package/dist/runtime/pages/admin/editor/[id].vue

@@ -294,6 +294,20 @@ const applySeoAudit = () => {
 const fileInput = ref(null);
 let activeUploadTarget = null;
 const execRteCmd = (cmd, val) => document.execCommand(cmd, false, val);
+const getRteProp = (props, name) => {
+  const v = props[name];
+  if (!v) return "";
+  if (typeof v === "string") return v;
+  if (typeof v === "object") return v[editingLang.value] || v.fr || "";
+  return "";
+};
+const setRteProp = (props, name, html) => {
+  if (props[name] && typeof props[name] === "object") {
+    props[name][editingLang.value] = html;
+  } else {
+    props[name] = html;
+  }
+};
 const triggerUpload = (targetObj, key) => {
   activeUploadTarget = { obj: targetObj, key };
   fileInput.value?.click();
@@ -722,12 +736,12 @@ const savePage = async () => {
                     class="w-7 h-7 flex items-center justify-center rounded-lg text-gray-400 hover:bg-white hover:shadow-sm text-[9px] transition-all">✕</button>
                 </div>
                 <div
-                  :key="`rte-${name}-${selectedBlockIndex}`"
+                  :key="`rte-${name}-${selectedBlockIndex}-${editingLang}`"
                   contenteditable="true"
-                  v-html="page.content[selectedBlockIndex].props[name]"
-                  @blur="page.content[selectedBlockIndex].props[name] = $event.target.innerHTML;
+                  v-html="getRteProp(page.content[selectedBlockIndex].props, name)"
+                  @blur="setRteProp(page.content[selectedBlockIndex].props, name, $event.target.innerHTML);
   trigger()"
-                  class="w-full min-h-[140px] bg-gray-50 rounded-xl p-3 text-[11px] leading-relaxed outline-none ring-1 ring-gray-100 focus:ring-[#3d35ff] overflow-auto rte-field"
+                  class="w-full min-h-[140px] bg-gray-50 rounded-xl p-3 text-[11px] text-gray-800 leading-relaxed outline-none ring-1 ring-gray-100 focus:ring-[#3d35ff] overflow-auto rte-field"
                 ></div>
               </div>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cinqcinqdev-seo",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "description": "A reusable Nuxt 3 admin CMS module with visual page editor powered by Supabase",
   "license": "MIT",
   "module": "./dist/module.mjs",