diff --git a/packages/playground/vue/PreProcessors.vue b/packages/playground/vue/PreProcessors.vue
index 44ef9cf3ba06da..50fa8d407ed8cf 100644
--- 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 <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;
 
diff --git a/packages/playground/vue/__tests__/vue.spec.ts b/packages/playground/vue/__tests__/vue.spec.ts
index 0240cccb4620d1..3063a11a97caa1 100644
--- 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
index 7f72aab651ce9c..4d5d98daef7d23 100644
--- 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,