Open in Stackblitz

npm i https://pkg.pr.new/@vitejs/plugin-vue@491

npm i https://pkg.pr.new/@vitejs/plugin-vue-jsx@491

commit: e7345e2

I think instead of adding ?no-inline automatically, we need to tell @vue/compiler-sfc not to strip the queries and hashes (not sure if @vue/compiler-sfc is doing that). Otherwise, <img src="./foo.svg?inline"> or <img src="./foo.png?no-inline"> won't work as users expect.

No relevant configuration is found.

I haven't been able to find the relevant configuration.

Currently, it will only add ?no-inline to the href attribute of the use tag(it seems that only the use tag cannot directly load the data URIs link), which should not affect the processing of the img tag.

I haven't been able to find a better way, and would appreciate your suggestions.

Adding ?no-inline automatically for <use> in plugin-vue makes sense to me.

That said, if there isn't an option in @vue/compiler-sfc, I think that needs to be added to support other cases.