fix(plugin-vue): default pug doctype

fix #1383

Author: yyx990803

packages/playground/vue/PreProcessors.vue

@@ -6,8 +6,17 @@ p.pug
 p.pug-less
   | This is rendered from <template lang="pug">
   | and styled with <style lang="less">. 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;
 

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')
     )

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,