Volar does not reload when script lang=ts src file changes

[Shinigami92]

// file.ts
import { defineComponent, ref } from 'vue'

export default defineComponent({
  setup() {
    return {
      // Comment this in again
      // life: ref(42)
    }
  }
})

<!-- file.vue -->
<template lang="pug">
div {{ life }}
//-    ~~~~ this will still not get recognized after exposing `life`
</template>

<script lang="ts" src="file"></script>

Currently we always need to restart Volar via VS Code command

[johnsoncodehk]

This is a design behavior that takes into account performance issues. #455 can completely solve this problem. Before that, I was still looking for alternatives.

For now you can do that:

1. Edit your .ts code
2. If not using take over mode, save .ts code.
3. Insert a new line into <script ...>|</script>, and then undo.
4. Template diagnosis should be updated correctly.

[Shinigami92]

Just theoretically (without looking in how Volar works)
Would it be possible to watch for changes of files that are referenced via src? Or is this exactly the performance issue you mentioned?
So at least we wont need to watch for all changes in the project file structure, but only the script referenced once (from .vue files).

We tried to change

<script lang="ts" src="file"></script>
# to
<script lang="ts" src="fil"></script> # save file
# back to
<script lang="ts" src="file"></script> # save file again

But that didn't work
So we will try your suggestion tomorrow

[johnsoncodehk]

Just theoretically (without looking in how Volar works) Would it be possible to watch for changes of files that are referenced via src? Or is this exactly the performance issue you mentioned?

This way have no performance problem, but the implement not as simple as it looks.

We tried to change

<script lang="ts" src="file"></script>
# to
<script lang="ts" src="fil"></script> # save file
# back to
<script lang="ts" src="file"></script> # save file again

But that didn't work

This is expected, only <script> content trigger template update for now.

[chenjiangui]

same problem, when use <script lang="ts" src="file"></script>, file change volar don't reload

[reuwi]

@johnsoncodehk I'm writing the script code into the same file of .vue file, still got this problem，and relative version is: 2022/4/16 15:04:20