Internal server error: [@vue/compiler-sfc] <script> and <script setup> must have the same language type.

[ljcremer]

Describe the bug

I am trying to use vue inside the markup but it seems like I cannot use typescript

Reproduction

If I add the following line in my markup file I get the error:

<script setup lang="ts">

Expected behavior

Would like to use typescript in the markdown if possible.

System Info

System:
    OS: Windows 10 10.0.22000
    CPU: (8) x64 Intel(R) Core(TM) i7-8550U CPU @ 1.80GHz
    Memory: 7.01 GB / 15.85 GB
  Binaries:
    Node: 14.17.5 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 7.20.6 - ~\AppData\Roaming\npm\npm.CMD
  Browsers:
    Chrome: 99.0.4844.51
    Edge: Spartan (44.22000.120.0), Chromium (99.0.1150.30)
    Internet Explorer: 11.0.22000.120
  npmPackages:
    vitepress: ^0.22.3 => 0.22.3

Additional context

No response

Validations

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

[LinusBorg]

We use Vitepress, script setup and typescript for the vuejs.org docs, so it definitely is possible.

You need to share a reproduction, at the very least the code throwing an error.

[ljcremer]

Thanks Linus. I will have to do a bit of work to publish a reproduction.

Is the script setup typescript done in the markdown file?

In the meantime can you maybe give me a link to a page where this is done in the documentation?

[LinusBorg]

Oh, you add that in a markup file - I totally missed that part, my bad. That might indeed not be well supported right now.

A real reproduction would nonetheless be welcomed.

[posva]

You need to close the <script>. If that's not it create a new issue with a boiled down repro.