fix(vue): skip url query request (fixes #10863) (#10920)

fixes #10863

Author: sapphi-red

packages/plugin-vue/src/index.ts

@@ -207,7 +207,7 @@ export default function vuePlugin(rawOptions: Options = {}): Plugin {
     transform(code, id, opt) {
       const ssr = opt?.ssr === true
       const { filename, query } = parseVueRequest(id)
-      if (query.raw) {
+      if (query.raw || query.url) {
         return
       }
       if (!filter(filename) && !query.vue) {

packages/plugin-vue/src/utils/query.ts

@@ -5,6 +5,7 @@ export interface VueQuery {
   index?: number
   lang?: string
   raw?: boolean
+  url?: boolean
   scoped?: boolean
 }
 
@@ -23,6 +24,9 @@ export function parseVueRequest(id: string): {
   if (query.raw != null) {
     query.raw = true
   }
+  if (query.url != null) {
+    query.url = true
+  }
   if (query.scoped != null) {
     query.scoped = true
   }

playground/vue/Main.vue

@@ -22,6 +22,7 @@
   <ReactivityTransform :foo="time" />
   <SetupImportTemplate />
   <WorkerTest />
+  <Url />
 </template>
 
 <script setup lang="ts">
@@ -40,6 +41,7 @@ import ReactivityTransform from './ReactivityTransform.vue'
 import SetupImportTemplate from './setup-import-template/SetupImportTemplate.vue'
 import WorkerTest from './worker.vue'
 import { ref } from 'vue'
+import Url from './Url.vue'
 
 const time = ref('loading...')
 

playground/vue/Null.vue

@@ -0,0 +1 @@
+<template>null</template>

playground/vue/Url.vue

@@ -0,0 +1,10 @@
+<script setup>
+import url from './Null.vue?url'
+</script>
+
+<template>
+  <h2>import with ?url</h2>
+  <div>
+    URL of Null.vue: <span class="import-with-url-query">{{ url }}</span>
+  </div>
+</template>

playground/vue/__tests__/vue.spec.ts

@@ -263,3 +263,11 @@ describe('vue worker', () => {
     expect(await page.textContent('.vue-worker')).toMatch('worker load!')
   })
 })
+
+describe('import with ?url', () => {
+  test('should work', async () => {
+    expect(await page.textContent('.import-with-url-query')).toMatch(
+      isBuild ? /^data:/ : '/Null.vue'
+    )
+  })
+})

playground/vue/tsconfig.json

@@ -3,5 +3,5 @@
     // esbuild transpile should ignore this
     "target": "ES5"
   },
-  "include": ["src"]
+  "include": ["."]
 }

playground/vue/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />