fix(slot): rename ContentSlot to MDCSlot in render function

nuxt · Aug 9, 2023 · efc6048 · efc6048
1 parent e23027f
commit efc6048
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/module.ts b/src/module.ts
@@ -327,10 +327,11 @@ export default defineNuxtModule<ModuleOptions>({
         name: 'content-slot',
         enforce: 'pre',
         transform (code) {
-          if (code.includes('<ContentSlot')) {
+          if (code.includes('ContentSlot')) {
             code = code.replace(/<ContentSlot (.*)(:use=['"](\$slots.)?([a-z]*)['"]|use=['"]([a-z]*)['"])/g, '<MDCSlot $1 name="$4"')
             code = code.replace(/<\/ContentSlot>/g, '</MDCSlot>')
             code = code.replace(/<ContentSlot/g, '<MDCSlot')
+            code = code.replace(/(['"])ContentSlot['"]/g, '$1MDCSlot$1')
             return code
           }
         }

diff --git a/test/features/highlighter.ts b/test/features/highlighter.ts
@@ -22,7 +22,7 @@ export const testHighlighter = () => {
       const styleElement = parsed.body.children.pop()
       expect(styleElement.tag).toBe('style')
       const style = styleElement.children[0].value
-      const code = parsed.body.children[0].children[0].children
+      const code = parsed.body.children[0].children[0].children[0].children
 
       for (const token of code) {
         expect(style).toContain(`.${token.props.class}`)