@nuxtjs/mdc 0.1.3 → 0.1.4

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@nuxtjs/mdc",
   "configKey": "mdc",
-  "version": "0.1.3"
+  "version": "0.1.4"
 }

package/dist/module.mjs

@@ -51,27 +51,6 @@ function processUnistPlugins(plugins) {
 const registerMDCSlotTransformer = (resolver) => {
   extendViteConfig((config) => {
     const compilerOptions = config.vue.template.compilerOptions;
-    config.plugins = config.plugins || [];
-    config.plugins.push({
-      name: "mdc-render-slot-import",
-      enforce: "post",
-      transform(code) {
-        if (code.includes("_renderMDCSlot")) {
-          return {
-            code: `import { renderSlot as _renderMDCSlot } from '${resolver.resolve("./runtime/utils/slot")}';
-${code}`,
-            map: { mappings: "" }
-          };
-        }
-        if (code.includes("_ssrRenderMDCSlot")) {
-          return {
-            code: `import { ssrRenderSlot as _ssrRenderMDCSlot } from '${resolver.resolve("./runtime/utils/ssrSlot")}';
-${code}`,
-            map: { mappings: "" }
-          };
-        }
-      }
-    });
     compilerOptions.nodeTransforms = [
       function viteMDCSlot(node, context) {
         if (node.tag === "MDCSlot") {
@@ -83,6 +62,10 @@ ${code}`,
             transform?.(node, context);
             const codegen = context.ssr ? node.ssrCodegenNode : node.codegenNode;
             codegen.callee = codegen.callee === RENDER_SLOT ? "_renderMDCSlot" : "_ssrRenderMDCSlot";
+            context.imports.push({
+              exp: context.ssr ? "{ ssrRenderSlot as _ssrRenderMDCSlot }" : "{ renderSlot as _renderMDCSlot }",
+              path: resolver.resolve(`./runtime/utils/${context.ssr ? "ssrSlot" : "slot"}`)
+            });
           };
         }
         if (context.nodeTransforms[0].name !== "viteMDCSlot") {

package/dist/runtime/components/MDC.vue

@@ -28,7 +28,7 @@ const props = defineProps({
   }
 })
 
-const { data, refresh } = await useAsyncData(async () => await parseMarkdown(props.value, { highlight: {}}))
+const { data, refresh } = await useAsyncData(props.value, async () => await parseMarkdown(props.value, { highlight: {}}))
 
 watch(() => props.value, () => {
   refresh()

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

@@ -1,4 +1,4 @@
-import type { VNode } from 'vue';
+import { type VNode } from 'vue';
 import type { MDCElement, MDCNode } from '../types';
 /**
  * List of text nodes

package/dist/runtime/utils/node.mjs

@@ -1,3 +1,4 @@
+import { Text } from "vue";
 export const TEXT_TAGS = ["p", "h1", "h2", "h3", "h4", "h5", "h6", "li"];
 export function isTag(vnode, tag) {
   if (vnode.type === tag) {
@@ -12,7 +13,7 @@ export function isTag(vnode, tag) {
   return false;
 }
 export function isText(vnode) {
-  return isTag(vnode, "text") || typeof vnode.children === "string";
+  return isTag(vnode, "text") || isTag(vnode, Text);
 }
 export function nodeChildren(node) {
   if (Array.isArray(node.children) || typeof node.children === "string") {
@@ -31,11 +32,11 @@ export function nodeTextContent(node) {
     return node.map(nodeTextContent).join("");
   }
   if (isText(node)) {
-    return node.children || node.value;
+    return node.children || node.value || "";
   }
   const children = nodeChildren(node);
   if (Array.isArray(children)) {
-    return children.map(nodeTextContent).join("");
+    return children.map(nodeTextContent).filter(Boolean).join("");
   }
   return "";
 }
@@ -61,7 +62,7 @@ function _flatUnwrap(vnodes, tags = ["p"]) {
 }
 export function flatUnwrap(vnodes, tags = ["p"]) {
   return _flatUnwrap(vnodes, tags).reduce((acc, item) => {
-    if (typeof item.children === "string") {
+    if (isText(item)) {
       if (typeof acc[acc.length - 1] === "string") {
         acc[acc.length - 1] += item.children;
       } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/mdc",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Nuxt MDC module",
   "repository": "nuxt-modules/mdc",
   "license": "MIT",