@nuxtjs/mdc 0.1.3 → 0.1.5

package/dist/module.json

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

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,13 @@ ${code}`,
             transform?.(node, context);
             const codegen = context.ssr ? node.ssrCodegenNode : node.codegenNode;
             codegen.callee = codegen.callee === RENDER_SLOT ? "_renderMDCSlot" : "_ssrRenderMDCSlot";
+            const importExp = context.ssr ? "{ ssrRenderSlot as _ssrRenderMDCSlot }" : "{ renderSlot as _renderMDCSlot }";
+            if (!context.imports.some((i) => String(i.exp) === importExp)) {
+              context.imports.push({
+                exp: importExp,
+                path: resolver.resolve(`./runtime/utils/${context.ssr ? "ssrSlot" : "slot"}`)
+              });
+            }
           };
         }
         if (context.nodeTransforms[0].name !== "viteMDCSlot") {

package/dist/runtime/components/MDC.vue

@@ -13,9 +13,10 @@
 </template>
 
 <script setup lang="ts">
+import { hash } from 'ohash'
 import { useAsyncData } from 'nuxt/app'
 import { parseMarkdown } from '../parser'
-import { watch } from 'vue'
+import { watch, computed } from 'vue'
 
 const props = defineProps({
   tag: {
@@ -28,7 +29,9 @@ const props = defineProps({
   }
 })
 
-const { data, refresh } = await useAsyncData(async () => await parseMarkdown(props.value, { highlight: {}}))
+const key = computed(() => hash(props.value))
+
+const { data, refresh } = await useAsyncData(key.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.5",
   "description": "Nuxt MDC module",
   "repository": "nuxt-modules/mdc",
   "license": "MIT",
@@ -43,15 +43,16 @@
     "destr": "^2.0.1",
     "detab": "^3.0.2",
     "github-slugger": "^2.0.0",
-    "hast-util-to-string": "^2.0.0",
+    "hast-util-to-string": "^3.0.0",
     "mdast-util-to-hast": "^13.0.2",
     "micromark-util-sanitize-uri": "^2.0.0",
+    "ohash": "^1.1.3",
     "property-information": "^6.2.0",
     "rehype-external-links": "^2.1.0",
     "rehype-raw": "^6.1.1",
     "rehype-slug": "^5.1.0",
-    "rehype-sort-attribute-values": "^4.0.0",
-    "rehype-sort-attributes": "^4.0.0",
+    "rehype-sort-attribute-values": "^5.0.0",
+    "rehype-sort-attributes": "^5.0.0",
     "remark-emoji": "^4.0.0",
     "remark-gfm": "^3.0.1",
     "remark-mdc": "^2.0.0",