Support import.meta.env.VITE_FOO in Vue templates

[mahnunchik]

Description

Add support environment variables import.meta.env.VITE_FOO in Vue templates.

// text.vue
<template>
  <p>{{ import.meta.env.VITE_FOO }}</p>
  <div v-if="import.meta.env.VITE_FOO">
    content
  </div>
</template>

Currently the code above raises the error:

[plugin:vite:vue] Error parsing JavaScript expression: import.meta may appear only with 'sourceType: "module"' (1:1)

Suggested solution

Just support it 😉

Alternative

No response

Additional context

Related issues:

• How to use "import.meta.env" in vue？ vite#2669
• String 'import.meta.env' in Vue template breaks vite build vite#5086

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[sapphi-red]

This seems to be happening because sourceType: 'module' is not set here.
https://github.com/vuejs/core/blob/fe77e2bddaa5930ad37a43fe8e6254ddb0f9c2d7/packages/compiler-core/src/transforms/transformExpression.ts#L250-L252

[sapphi-red]

vuejs/rfcs#566