fix: allow more characters for slot names (#1209)

Author: 0phoff

packages/slidev/node/plugins/markdown.ts

@@ -144,7 +144,7 @@ export function transformSlotSugar(md: string) {
     if (isLineInsideCodeblocks(idx))
       return
 
-    const match = line.trimEnd().match(/^::\s*(\w+)\s*::$/)
+    const match = line.trimEnd().match(/^::\s*([\w\.\-\:]+)\s*::$/)
     if (match) {
       lines[idx] = `${prevSlot ? '\n\n</template>\n' : '\n'}<template v-slot:${match[1]}="slotProps">\n`
       prevSlot = true

test/__snapshots__/transform.test.ts.snap

@@ -103,5 +103,25 @@ Right Slot
 Default Slot
 
 
+</template>"
+`;
+
+exports[`markdown transform > slot-sugar with symbols in name 1`] = `
+"
+# Page 
+
+Default Slot
+
+<template v-slot:slot::1=\\"slotProps\\">
+
+First Slot
+
+
+</template>
+<template v-slot:slot.2=\\"slotProps\\">
+
+Second Slot
+
+
 </template>"
 `;

test/transform.test.ts

@@ -45,6 +45,18 @@ Slot Usage
 ::left::
 \`\`\`
 
+`)).toMatchSnapshot()
+  })
+
+  it('slot-sugar with symbols in name', () => {
+    expect(transformSlotSugar(`
+# Page 
+
+Default Slot
+::slot::1::
+First Slot
+::slot.2::
+Second Slot
 `)).toMatchSnapshot()
   })