bugfix: fixed code node

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 1.0.8
+- Fixed code node handling - Thanks to @TRiBotWillB
+- Bumped dependencies
+
 # 1.0.7
 - Added stackblitz configuration
 - Bumped dependencies

README.md

@@ -181,9 +181,7 @@ Custom blockquote and code tags (`<blockquote>`, `<pre>`):
 
 <!-- components/StrapiBlocksTextCodeNode.vue -->
 <template>
-    <pre class="my-custom-class-for-pre">
-        <slot />
-    </pre>
+    <pre class="my-custom-class-for-pre"><slot /></pre>
 </template>
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "nuxt-strapi-blocks-renderer",
-    "version": "1.0.7",
+    "version": "1.0.8",
     "description": "Renderer for the strapi CMS blocks text content element.",
     "license": "MIT",
     "repository": {
@@ -38,26 +38,29 @@
         "test:watch": "vitest watch"
     },
     "dependencies": {
-        "@nuxt/kit": "^3.12.2",
+        "@nuxt/kit": "^3.12.3",
         "defu": "^6.1.4"
     },
     "devDependencies": {
-        "@nuxt/devtools": "^1.3.7",
+        "@nuxt/devtools": "^1.3.9",
         "@nuxt/eslint-config": "^0.3.13",
-        "@nuxt/module-builder": "^0.8.0",
-        "@nuxt/schema": "^3.12.2",
+        "@nuxt/module-builder": "^0.8.1",
+        "@nuxt/schema": "^3.12.3",
         "@nuxt/test-utils": "^3.13.1",
         "@stylistic/eslint-plugin": "^2.3.0",
-        "@types/node": "^20.14.9",
-        "@typescript-eslint/eslint-plugin": "^7.14.1",
+        "@types/node": "^20.14.10",
+        "@typescript-eslint/eslint-plugin": "^7.16.0",
         "eslint": "^8.57.0",
-        "nuxt": "^3.12.2",
-        "typescript": "^5.5.2",
+        "nuxt": "^3.12.3",
+        "typescript": "^5.5.3",
         "vitest": "^1.6.0",
         "vue": "^3.4.31",
         "vue-eslint-parser": "^9.4.3",
-        "vue-tsc": "^2.0.22"
+        "vue-tsc": "^2.0.26"
     },
+    "keywords": [
+        "nuxt", "nuxt3", "nuxtjs", "nuxt-module", "strapi", "strapi-cms", "json", "blocks"
+    ],
     "packageManager": "[email protected]",
     "engines": {
         "node": "^18.x || ^20.x"

playground/custom/components/blocks/StrapiBlocksTextCodeNode.vue

@@ -1,5 +1,3 @@
 <template>
-    <pre style="color: red;">
-        <slot />
-    </pre>
+    <pre style="color: red;"><slot /></pre>
 </template>

test/basic.test.ts

@@ -66,7 +66,7 @@ describe('Basic blocks text rendering', async (): Promise<void> => {
     it('Renders the code node', async (): Promise<void> => {
         const html: string = await fetchPage();
 
-        expect(html).toContain('<pre>        Code\n    </pre>');
+        expect(html).toContain('<pre>Code</pre>');
     });
 
     it('Renders the image node', async (): Promise<void> => {

test/custom.test.ts

@@ -69,7 +69,7 @@ describe('Custom blocks text rendering', async (): Promise<void> => {
     it('Renders the custom code node', async (): Promise<void> => {
         const html: string = await fetchPage();
 
-        expect(html).toContain('<pre style="color:red;">        Code\n    </pre>');
+        expect(html).toContain('<pre style="color:red;">Code</pre>');
     });
 
     it('Renders the custom image node', async (): Promise<void> => {

test/fixtures/custom/components/blocks/StrapiBlocksTextCodeNode.vue

@@ -1,5 +1,3 @@
 <template>
-    <pre style="color: red;">
-        <slot />
-    </pre>
+    <pre style="color: red;"><slot /></pre>
 </template>