Compiler throws error when using < in expressions in templates with lang="pug"

[rashfael]

Version

3.0.0-beta.8

Reproduction link

https://codesandbox.io/s/focused-wescoff-1echv

Steps to reproduce

1. Open reproduction

What is expected?

page should render test.

What is actually happening?

The following error appears:

Failed to compile.

./src/App.vue
Module Error (from ./node_modules/vue-loader/dist/index.js):

VueCompilerError: Illegal tag name. Use '&lt;' to print '<'.
at /sandbox/src/App.vue:2:12
1  |  <template lang="pug">
2  |  p(v-if="1 < 2") test
   |             ^
3  |  </template>
4  |  

[mehdi-aouadi]

I am facing the same issue.
I am migrating a Vue 2 app to Vue 3 following the migration guide.
I am getting the same error when using a logical expression within a v-if tag:
VueCompilerError: Illegal tag name. Use '&lt;' to print '<'.

@rashfael Did you manage to fix this?

[rashfael]

d10835a fixed this for me. We're currently running vue@3.2.20 in a project with v-if="…<…" in pug templates. I'd recommend creating a clean reproduction and opening a new issue. My reproduction from this issue is working after updating vue and forking the sandbox to force a clean install https://codesandbox.io/s/friendly-stonebraker-l6jzc.

[mehdi-aouadi]

Actually I am using vue@3.2.20 with vue/compat@3.2.20 with compatConfig MODE=2 and I am facing the same issue.
I will try to create a reproduction sandbox.
Thanks