[mkantautas]

Vue SFCs can load a block from another file with src, e.g. <script lang="ts" src="./greeting.ts"> or <style src="modern-normalize/modern-normalize.css">. The built-in Vue compiler only reads inline block contents, so the external script (and everything it imports) is reported as an unused file, and the stylesheet package as an unused dependency.

The compiler now turns src on <script> and <style> blocks into imports the way @vitejs/plugin-vue does: import _sfc_main from src plus export * from src for the script (so its default export stays used), import src for each style. Tags inside template attribute values and character references in src aren't handled, as noted at the matcher.

Added a vue-src fixture (external script, npm stylesheet, a component imported only for a named export, custom <style-preview> tags) and an auto-imported component with <script src> to the unplugin-vue-components fixture. Both tests fail on main and pass now. The full test suite and pnpm run ci pass.

[webpro]

Thanks, Mantas! Modeling src the way @vitejs/plugin-vue does keeps the external script's exports in use, and the custom-tag and attribute cases are well covered.

[webpro]

🚀 This pull request is included in v6.43.0. See Release 6.43.0 for release notes.

Using Knip in a commercial project? Please consider becoming a sponsor.