nuxt-strapi-blocks-renderer 1.0.5 → 1.0.6

package/README.md

@@ -7,6 +7,8 @@
 
 A fully customizable Nuxt 3 module for rendering text with the new Blocks rich text editor element from Strapi CMS.
 
+The implementation is based on Strapi's [Blocks React Renderer](https://github.com/strapi/blocks-react-renderer/).
+
 ## Installation
 
 1. Install the Blocks renderer:

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "nuxt-strapi-blocks-renderer",
   "configKey": "strapiBlocksRenderer",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "builder": {
-    "@nuxt/module-builder": "0.6.0",
+    "@nuxt/module-builder": "0.7.0",
     "unbuild": "2.0.0"
   }
 }

package/dist/runtime/utils/index.d.ts

@@ -1,8 +1,8 @@
 import type { VNode } from 'vue';
 import type { BlockNode } from '#strapi-blocks-renderer/types';
-export declare const textInlineNode: (node: TextInlineNode) => VNode | string;
+export declare const textInlineNode: (node: TextInlineNode) => (VNode | string)[] | VNode;
 export declare const linkInlineNode: (node: LinkInlineNode) => VNode;
-export declare const defaultInlineNode: (node: DefaultInlineNode) => VNode | string | undefined;
+export declare const defaultInlineNode: (node: DefaultInlineNode) => (VNode | string)[] | VNode | undefined;
 export declare const listItemInlineNode: (node: ListItemInlineNode) => VNode;
 export declare const headingBlockNode: (node: HeadingBlockNode) => VNode;
 export declare const paragraphBlockNode: (node: ParagraphBlockNode) => VNode;

package/dist/runtime/utils/{index.mjs → index.js}

@@ -3,18 +3,29 @@ const prefix = () => {
   const { public: { strapiBlocksRenderer } } = useRuntimeConfig();
   return strapiBlocksRenderer.blocksPrefix;
 };
+const getNodeText = (node) => {
+  const lines = [];
+  node.text.split("\n").forEach((line, index, array) => {
+    lines.push(line);
+    if (index !== array.length - 1) {
+      lines.push(h("br"));
+    }
+  });
+  return lines;
+};
 export const textInlineNode = (node) => {
+  const text = getNodeText(node);
   if (node.bold)
-    return h(resolveComponent(prefix() + "BoldInlineNode"), () => node.text);
+    return h(resolveComponent(prefix() + "BoldInlineNode"), () => text);
   if (node.italic)
-    return h(resolveComponent(prefix() + "ItalicInlineNode"), () => node.text);
+    return h(resolveComponent(prefix() + "ItalicInlineNode"), () => text);
   if (node.underline)
-    return h(resolveComponent(prefix() + "UnderlineInlineNode"), () => node.text);
+    return h(resolveComponent(prefix() + "UnderlineInlineNode"), () => text);
   if (node.strikethrough)
-    return h(resolveComponent(prefix() + "StrikethroughInlineNode"), () => node.text);
+    return h(resolveComponent(prefix() + "StrikethroughInlineNode"), () => text);
   if (node.code)
-    return h(resolveComponent(prefix() + "CodeInlineNode"), () => node.text);
-  return node.text;
+    return h(resolveComponent(prefix() + "CodeInlineNode"), () => text);
+  return text;
 };
 export const linkInlineNode = (node) => {
   const linkComponent = resolveComponent(prefix() + "LinkInlineNode");

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "nuxt-strapi-blocks-renderer",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "description": "Renderer for the strapi CMS blocks text content element.",
     "license": "MIT",
     "repository": {
@@ -38,20 +38,21 @@
         "defu": "^6.1.4"
     },
     "devDependencies": {
-        "@types/node": "^20.12.11",
-        "@nuxt/devtools": "^1.3.1",
-        "@nuxt/eslint-config": "^0.3.12",
-        "@nuxt/module-builder": "^0.6.0",
+        "@nuxt/devtools": "^1.3.2",
+        "@nuxt/eslint-config": "^0.3.13",
+        "@nuxt/module-builder": "^0.7.0",
         "@nuxt/schema": "^3.11.2",
-        "@nuxt/test-utils": "^3.12.1",
-        "@stylistic/eslint-plugin": "^1.8.1",
+        "@nuxt/test-utils": "^3.13.1",
+        "@stylistic/eslint-plugin": "^2.1.0",
+        "@types/node": "^20.12.11",
+        "@typescript-eslint/eslint-plugin": "^7.11.0",
         "eslint": "^8.57.0",
         "nuxt": "^3.11.2",
+        "typescript": "^5.4.5",
         "vitest": "^1.6.0",
         "vue": "^3.4.27",
-        "vue-tsc": "^2.0.17",
         "vue-eslint-parser": "^9.4.2",
-        "typescript": "^5.4.5"
+        "vue-tsc": "^2.0.19"
     },
     "packageManager": "npm@10.2.4",
     "engines": {