fix(plugin-vue): default pug doctype

fix #1383
vitejs · Jan 6, 2021 · 756a0f2 · 756a0f2
1 parent 956cd2c
commit 756a0f2
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/packages/playground/vue/PreProcessors.vue b/packages/playground/vue/PreProcessors.vue
@@ -6,8 +6,17 @@ p.pug
 p.pug-less
   | This is rendered from &lt;template lang="pug"&gt;
   | and styled with &lt;style lang="less"&gt;. It should be green.
+SlotComponent
+  template(v-slot:test-slot)
+    div.pug-slot slot content
 </template>
 
+<script setup>
+function SlotComponent(_, { slots }) {
+  return slots['test-slot']()
+}
+</script>
+
 <style lang="scss">
 $color: magenta;
 

diff --git a/packages/playground/vue/__tests__/vue.spec.ts b/packages/playground/vue/__tests__/vue.spec.ts
@@ -19,6 +19,8 @@ describe('pre-processors', () => {
     expect(await page.textContent('p.pug')).toMatch(
       `This is rendered from <template lang="pug">`
     )
+    // #1383 pug default doctype
+    expect(await page.textContent('.pug-slot')).toMatch(`slot content`)
     editFile('PreProcessors.vue', (code) =>
       code.replace('Pre-Processors', 'Updated')
     )

diff --git a/packages/plugin-vue/src/template.ts b/packages/plugin-vue/src/template.ts
@@ -133,6 +133,14 @@ export function resolveTemplateCompilerOptions(
     transformAssetUrls = assetUrlOptions
   }
 
+  let preprocessOptions = block.lang && options.template?.preprocessOptions
+  if (block.lang === 'pug') {
+    preprocessOptions = {
+      doctype: 'html',
+      ...preprocessOptions
+    }
+  }
+
   return {
     ...options.template,
     id,
@@ -144,7 +152,7 @@ export function resolveTemplateCompilerOptions(
     ssrCssVars: cssVars,
     transformAssetUrls,
     preprocessLang: block.lang,
-    preprocessOptions: block.lang && options.template?.preprocessOptions,
+    preprocessOptions,
     compilerOptions: {
       ...options.template?.compilerOptions,
       scopeId: hasScoped ? `data-v-${id}` : undefined,