Pug templates: v-if expression typed as boolean-only for string | null values

[Rekwian]

Hello,

When using pug and @vue/language-plugin-pug with nuxt, v-if expressions on string | null values are typed as requiring boolean, causing ts-plugin errors.

This does not happen in standard Vue SFC templates (HTML), only in Pug templates.

<script setup lang="ts">
const value: string | null = 'abc'
</script>

<template lang="pug">
div
  li(v-if="value") test
</template>

Type 'string' is not assignable to type 'boolean'.ts-plugin(2322)
runtime-core.d.ts(418, 5): The expected type comes from property 'value' which is declared here on type 'DirectiveBinding<boolean, string, any>

I need to force the boolean with !!value

I've installed pug and @vue/language-plugin-pug in dev dependencies and add this on my nuxt.config.ts :

  typescript: {
    tsConfig: {
      vueCompilerOptions: {
        plugins: ["@vue/language-plugin-pug"]
      },
    },
  },

It's normal with @vue/language-plugin-pug ?

[KazariEX]

Update @vue/language-plugin-pug to the latest version.

[Rekwian]

I’m using pug: ^3.0.4 and @vue/language-plugin-pug: ^3.3.5, both up to date.
index.vue

package.json

nuxt.config.ts

[Rekwian]

My bad, my IDE needed to be reloaded.
it seems to be work now.