Pug templates fail if the first line has indentation

[Tumulte]

Describe the bug

Pug templates fail if the first line has indentation, meaning, this works :

<template lang=pug>
div
    span
</template>

and this doesn’t

<template lang=pug>
    div
        span
</template>

(the error is unexpected token indent)

Is it possible to allow users to make the choice they prefer ? It made my webpack->vite migration a chore :)

(reproduction : just install pug and try an SFC with lang="pug")

Reproduction

stackblitz

System Info

System:
    OS: macOS 12.3
    CPU: (8) x64 Apple M1
    Memory: 48.59 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.16.1 - /usr/local/bin/node
    npm: 7.20.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 100.0.4896.60
    Firefox: 95.0.1
    Safari: 15.4

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[github-actions]

Hello @Tumulte. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with need reproduction will be closed if they have no activity within 3 days.

[bluwy]

I can’t find how build a pen with SFC and pug :/

You can duplicate your setup in a stackblitz project, which should work too

[Shinigami92]

Just a random guess because someone else had an issue with that as well,
could you try to install pug as a local devDependency? (I did not try it myself)

[Tumulte]

I’ve only tried it as a local devDependency :)

[Shinigami92]

I’ve only tried it as a local devDependency :)

Okay, then please setup a reproducible so we can try investigate and debug it

[Tumulte]

It’s already done ;) but I only edited the original issue without commenting

[Shinigami92]

So the only "reference" to pug I found here:

vite/packages/plugin-vue/src/template.ts

Line 149 in 8b21029

if (block.lang === 'pug') {

I wanted to add plugin: vue but @bluwy was faster 🤷
I'm not used to the source code of Vite, so if someone want to pick this up, please feel free 🙂

[patak-dev]

For reference, linking the Vue core issue that @btea added in the PR: vuejs/core#3842

[patak-dev]

Closing, as @sodatea said, this should be solved upstream. There is nothing actionable in core in this issue