Main.vue
-
- {{ css }}
-
- Test
}})
-export { Bar }
-
-// default export call: ok
-export default defineComponent({ render() { return Test
}})
-
-// default export referencing variable declaration: ok
-const Baz = defineComponent({ render() { return Test
}})
-export default Baz
-```
-
-### Non-supported patterns
-
-```jsx
-// not using `defineComponent` call
-export const Bar = { ... }
-
-// not exported
-const Foo = defineComponent(...)
-```
diff --git a/packages/plugin-vue-jsx/build.config.ts b/packages/plugin-vue-jsx/build.config.ts
deleted file mode 100644
index 6dcf1a5a2dc0b3..00000000000000
--- a/packages/plugin-vue-jsx/build.config.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { defineBuildConfig } from 'unbuild'
-
-export default defineBuildConfig({
- entries: ['src/index'],
- clean: true,
- declaration: true,
- rollup: {
- emitCJS: true
- }
-})
diff --git a/packages/plugin-vue-jsx/package.json b/packages/plugin-vue-jsx/package.json
deleted file mode 100644
index cef092cb9fe2c5..00000000000000
--- a/packages/plugin-vue-jsx/package.json
+++ /dev/null
@@ -1,49 +0,0 @@
-{
- "name": "@vitejs/plugin-vue-jsx",
- "version": "3.0.0-alpha.0",
- "license": "MIT",
- "author": "Evan You",
- "files": [
- "dist"
- ],
- "main": "./dist/index.cjs",
- "module": "./dist/index.mjs",
- "types": "./dist/index.d.ts",
- "exports": {
- ".": {
- "types": "./dist/index.d.ts",
- "import": "./dist/index.mjs",
- "require": "./dist/index.cjs"
- }
- },
- "scripts": {
- "dev": "unbuild --stub",
- "build": "unbuild && pnpm run patch-cjs",
- "patch-cjs": "tsx ../../scripts/patchCJS.ts",
- "prepublishOnly": "npm run build"
- },
- "engines": {
- "node": "^14.18.0 || >=16.0.0"
- },
- "repository": {
- "type": "git",
- "url": "git+https://github.com/vitejs/vite.git",
- "directory": "packages/plugin-vue-jsx"
- },
- "bugs": {
- "url": "https://github.com/vitejs/vite/issues"
- },
- "homepage": "https://github.com/vitejs/vite/tree/main/packages/plugin-vue-jsx#readme",
- "dependencies": {
- "@babel/core": "^7.20.5",
- "@babel/plugin-transform-typescript": "^7.20.2",
- "@vue/babel-plugin-jsx": "^1.1.1"
- },
- "devDependencies": {
- "vite": "workspace:*"
- },
- "peerDependencies": {
- "vite": "^3.0.0",
- "vue": "^3.0.0"
- }
-}
diff --git a/packages/plugin-vue-jsx/src/index.ts b/packages/plugin-vue-jsx/src/index.ts
deleted file mode 100644
index 15fcb808ed331b..00000000000000
--- a/packages/plugin-vue-jsx/src/index.ts
+++ /dev/null
@@ -1,283 +0,0 @@
-import { createHash } from 'node:crypto'
-import path from 'node:path'
-import type { types } from '@babel/core'
-import * as babel from '@babel/core'
-import jsx from '@vue/babel-plugin-jsx'
-import { createFilter, normalizePath } from 'vite'
-import type { ComponentOptions } from 'vue'
-import type { Plugin } from 'vite'
-// eslint-disable-next-line node/no-extraneous-import
-import type { CallExpression, Identifier } from '@babel/types'
-import type { Options } from './types'
-
-export * from './types'
-
-const ssrRegisterHelperId = '/__vue-jsx-ssr-register-helper'
-const ssrRegisterHelperCode =
- `import { useSSRContext } from "vue"\n` +
- `export ${ssrRegisterHelper.toString()}`
-
-/**
- * This function is serialized with toString() and evaluated as a virtual
- * module during SSR
- */
-function ssrRegisterHelper(comp: ComponentOptions, filename: string) {
- const setup = comp.setup
- comp.setup = (props, ctx) => {
- // @ts-ignore
- const ssrContext = useSSRContext()
- ;(ssrContext.modules || (ssrContext.modules = new Set())).add(filename)
- if (setup) {
- return setup(props, ctx)
- }
- }
-}
-
-function vueJsxPlugin(options: Options = {}): Plugin {
- let root = ''
- let needHmr = false
- let needSourceMap = true
-
- const { include, exclude, babelPlugins = [], ...babelPluginOptions } = options
- const filter = createFilter(include || /\.[jt]sx$/, exclude)
-
- return {
- name: 'vite:vue-jsx',
-
- config(config) {
- return {
- // only apply esbuild to ts files
- // since we are handling jsx and tsx now
- esbuild: {
- include: /\.ts$/
- },
- define: {
- __VUE_OPTIONS_API__: config.define?.__VUE_OPTIONS_API__ ?? true,
- __VUE_PROD_DEVTOOLS__: config.define?.__VUE_PROD_DEVTOOLS__ ?? false
- }
- }
- },
-
- configResolved(config) {
- needHmr = config.command === 'serve' && !config.isProduction
- needSourceMap = config.command === 'serve' || !!config.build.sourcemap
- root = config.root
- },
-
- resolveId(id) {
- if (id === ssrRegisterHelperId) {
- return id
- }
- },
-
- load(id) {
- if (id === ssrRegisterHelperId) {
- return ssrRegisterHelperCode
- }
- },
-
- async transform(code, id, opt) {
- const ssr = opt?.ssr === true
- const [filepath] = id.split('?')
-
- // use id for script blocks in Vue SFCs (e.g. `App.vue?vue&type=script&lang.jsx`)
- // use filepath for plain jsx files (e.g. App.jsx)
- if (filter(id) || filter(filepath)) {
- const plugins = [[jsx, babelPluginOptions], ...babelPlugins]
- if (id.endsWith('.tsx') || filepath.endsWith('.tsx')) {
- plugins.push([
- // @ts-ignore missing type
- await import('@babel/plugin-transform-typescript').then(
- (r) => r.default
- ),
- // @ts-ignore
- { isTSX: true, allowExtensions: true }
- ])
- }
-
- if (!ssr && !needHmr) {
- plugins.push(() => {
- return {
- visitor: {
- CallExpression: {
- enter(_path: babel.NodePath
-```
-
-Is the same as:
-
-```vue
-
-
-from JSX
- }
-})
diff --git a/playground/ssr-vue/src/components/ImportType.vue b/playground/ssr-vue/src/components/ImportType.vue
deleted file mode 100644
index 144d36bc34e7ec..00000000000000
--- a/playground/ssr-vue/src/components/ImportType.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-
- import type should be removed without side-effect
- - - diff --git a/playground/ssr-vue/src/components/button.js b/playground/ssr-vue/src/components/button.js deleted file mode 100644 index 3b39f53fd96c47..00000000000000 --- a/playground/ssr-vue/src/components/button.js +++ /dev/null @@ -1,16 +0,0 @@ -import { createVNode, defineComponent } from 'vue' -import '../assets/button.css' - -export default defineComponent({ - setup() { - return () => { - return createVNode( - 'div', - { - class: 'btn' - }, - 'dynamicBtn' - ) - } - } -}) diff --git a/playground/ssr-vue/src/components/foo.css b/playground/ssr-vue/src/components/foo.css deleted file mode 100644 index f8baa0d15b90d3..00000000000000 --- a/playground/ssr-vue/src/components/foo.css +++ /dev/null @@ -1,3 +0,0 @@ -.jsx { - color: blue; -} diff --git a/playground/ssr-vue/src/entry-client.js b/playground/ssr-vue/src/entry-client.js deleted file mode 100644 index a99b84f2f69a80..00000000000000 --- a/playground/ssr-vue/src/entry-client.js +++ /dev/null @@ -1,10 +0,0 @@ -import { createApp } from './main' - -const { app, router } = createApp() - -// wait until router is ready before mounting to ensure hydration match -router.isReady().then(() => { - app.mount('#app') - - console.log('hydrated') -}) diff --git a/playground/ssr-vue/src/entry-server.js b/playground/ssr-vue/src/entry-server.js deleted file mode 100644 index e44c9abd3eb114..00000000000000 --- a/playground/ssr-vue/src/entry-server.js +++ /dev/null @@ -1,69 +0,0 @@ -import { basename } from 'node:path' -import { renderToString } from 'vue/server-renderer' -import { createApp } from './main' - -export async function render(url, manifest) { - const { app, router } = createApp() - - // set the router to the desired URL before rendering - await router.push(url) - await router.isReady() - - // passing SSR context object which will be available via useSSRContext() - // @vitejs/plugin-vue injects code into a component's setup() that registers - // itself on ctx.modules. After the render, ctx.modules would contain all the - // components that have been instantiated during this render call. - const ctx = {} - const html = await renderToString(app, ctx) - - // the SSR manifest generated by Vite contains module -> chunk/asset mapping - // which we can then use to determine what files need to be preloaded for this - // request. - const preloadLinks = renderPreloadLinks(ctx.modules, manifest) - return [html, preloadLinks] -} - -function renderPreloadLinks(modules, manifest) { - let links = '' - const seen = new Set() - modules.forEach((id) => { - const files = manifest[id] - if (files) { - files.forEach((file) => { - if (!seen.has(file)) { - seen.add(file) - const filename = basename(file) - if (manifest[filename]) { - for (const depFile of manifest[filename]) { - links += renderPreloadLink(depFile) - seen.add(depFile) - } - } - links += renderPreloadLink(file) - } - }) - } - }) - return links -} - -function renderPreloadLink(file) { - if (file.endsWith('.js')) { - return `` - } else if (file.endsWith('.css')) { - return `` - } else if (file.endsWith('.woff')) { - return ` ` - } else if (file.endsWith('.woff2')) { - return ` ` - } else if (file.endsWith('.gif')) { - return ` ` - } else if (file.endsWith('.jpg') || file.endsWith('.jpeg')) { - return ` ` - } else if (file.endsWith('.png')) { - return ` ` - } else { - // TODO - return '' - } -} diff --git a/playground/ssr-vue/src/main.js b/playground/ssr-vue/src/main.js deleted file mode 100644 index d2dd1e002147fe..00000000000000 --- a/playground/ssr-vue/src/main.js +++ /dev/null @@ -1,16 +0,0 @@ -import { createPinia } from 'pinia' -import { createSSRApp } from 'vue' -import App from './App.vue' -import { createRouter } from './router' - -// SSR requires a fresh app instance per request, therefore we export a function -// that creates a fresh app instance. If using Vuex, we'd also be creating a -// fresh store here. -export function createApp() { - const app = createSSRApp(App) - const pinia = createPinia() - app.use(pinia) - const router = createRouter() - app.use(router) - return { app, router } -} diff --git a/playground/ssr-vue/src/pages/About.vue b/playground/ssr-vue/src/pages/About.vue deleted file mode 100644 index ea6510808fd943..00000000000000 --- a/playground/ssr-vue/src/pages/About.vue +++ /dev/null @@ -1,30 +0,0 @@ - -{{ msg }}
- - - - - - - diff --git a/playground/ssr-vue/src/pages/External.vue b/playground/ssr-vue/src/pages/External.vue deleted file mode 100644 index ffdcd03b85be84..00000000000000 --- a/playground/ssr-vue/src/pages/External.vue +++ /dev/null @@ -1,13 +0,0 @@ - -Home
-
- 
-
msg from virtual module: {{ foo.msg }}
-this will be styled with a font-face
- -{{ state.protocol }}
-msg from nested virtual module: {{ virtualMsg }}
- -
- encrypted message:
-
-
-
- {{ fooStore.foo }}
- - - - - diff --git a/playground/ssr-vue/src/router.js b/playground/ssr-vue/src/router.js deleted file mode 100644 index 814098102d7899..00000000000000 --- a/playground/ssr-vue/src/router.js +++ /dev/null @@ -1,28 +0,0 @@ -import { - createRouter as _createRouter, - createMemoryHistory, - createWebHistory -} from 'vue-router' - -// Auto generates routes from vue files under ./pages -// https://vitejs.dev/guide/features.html#glob-import -const pages = import.meta.glob('./pages/*.vue') - -const routes = Object.keys(pages).map((path) => { - const name = path.match(/\.\/pages(.*)\.vue$/)[1].toLowerCase() - return { - path: name === '/home' ? '/' : name, - component: pages[path] // () => import('./pages/*.vue') - } -}) - -export function createRouter() { - return _createRouter({ - // use appropriate history implementation for server/client - // import.meta.env.SSR is injected by Vite. - history: import.meta.env.SSR - ? createMemoryHistory('/test/') - : createWebHistory('/test/'), - routes - }) -} diff --git a/playground/ssr-vue/vite.config.js b/playground/ssr-vue/vite.config.js deleted file mode 100644 index c8be7320c8a9b0..00000000000000 --- a/playground/ssr-vue/vite.config.js +++ /dev/null @@ -1,126 +0,0 @@ -import path from 'node:path' -import { defineConfig } from 'vite' -import vuePlugin from '@vitejs/plugin-vue' -import vueJsx from '@vitejs/plugin-vue-jsx' - -const virtualFile = '@virtual-file' -const virtualId = '\0' + virtualFile -const nestedVirtualFile = '@nested-virtual-file' -const nestedVirtualId = '\0' + nestedVirtualFile - -const base = '/test/' - -// preserve this to test loading __filename & __dirname in ESM as Vite polyfills them. -// if Vite incorrectly load this file, node.js would error out. -globalThis.__vite_test_filename = __filename -globalThis.__vite_test_dirname = __dirname - -export default defineConfig(({ command, ssrBuild }) => ({ - base, - plugins: [ - vuePlugin(), - vueJsx(), - { - name: 'virtual', - resolveId(id) { - if (id === '@foo') { - return id - } - }, - load(id, options) { - const ssrFromOptions = options?.ssr ?? false - if (id === '@foo') { - // Force a mismatch error if ssrBuild is different from ssrFromOptions - return `export default { msg: '${ - command === 'build' && !!ssrBuild !== ssrFromOptions - ? `defineConfig ssrBuild !== ssr from load options` - : 'hi' - }' }` - } - } - }, - { - name: 'virtual-module', - resolveId(id) { - if (id === virtualFile) { - return virtualId - } else if (id === nestedVirtualFile) { - return nestedVirtualId - } - }, - load(id) { - if (id === virtualId) { - return `export { msg } from "@nested-virtual-file";` - } else if (id === nestedVirtualId) { - return `export const msg = "[success] from conventional virtual file"` - } - } - }, - // Example of a plugin that injects a helper from a virtual module that can - // be used in renderBuiltUrl - (function () { - const queryRE = /\?.*$/s - const hashRE = /#.*$/s - const cleanUrl = (url) => url.replace(hashRE, '').replace(queryRE, '') - let config - - const virtualId = '\0virtual:ssr-vue-built-url' - return { - name: 'built-url', - enforce: 'post', - configResolved(_config) { - config = _config - }, - resolveId(id) { - if (id === virtualId) { - return id - } - }, - load(id) { - if (id === virtualId) { - return { - code: `export const __ssr_vue_processAssetPath = (url) => '${base}' + url`, - moduleSideEffects: 'no-treeshake' - } - } - }, - transform(code, id) { - const cleanId = cleanUrl(id) - if ( - config.build.ssr && - (cleanId.endsWith('.js') || cleanId.endsWith('.vue')) && - !code.includes('__ssr_vue_processAssetPath') - ) { - return { - code: - `import { __ssr_vue_processAssetPath } from '${virtualId}';__ssr_vue_processAssetPath;` + - code, - sourcemap: null // no sourcemap support to speed up CI - } - } - } - } - })() - ], - experimental: { - renderBuiltUrl(filename, { hostType, type, ssr }) { - if (ssr && type === 'asset' && hostType === 'js') { - return { - runtime: `__ssr_vue_processAssetPath(${JSON.stringify(filename)})` - } - } - } - }, - build: { - minify: false - }, - ssr: { - noExternal: [ - // this package has uncompiled .vue files - 'example-external-component' - ] - }, - optimizeDeps: { - exclude: ['example-external-component'] - } -})) diff --git a/playground/ssr-vue/vite.config.noexternal.js b/playground/ssr-vue/vite.config.noexternal.js deleted file mode 100644 index 48a740c16cb1bf..00000000000000 --- a/playground/ssr-vue/vite.config.noexternal.js +++ /dev/null @@ -1,25 +0,0 @@ -import config from './vite.config.js' -/** - * @type {import('vite').UserConfig} - */ -export default Object.assign(config, { - ssr: { - noExternal: /./ - }, - resolve: { - // necessary because vue.ssrUtils is only exported on cjs modules - alias: [ - { - find: '@vue/runtime-dom', - replacement: '@vue/runtime-dom/dist/runtime-dom.cjs.js' - }, - { - find: '@vue/runtime-core', - replacement: '@vue/runtime-core/dist/runtime-core.cjs.js' - } - ] - }, - optimizeDeps: { - exclude: ['example-external-component'] - } -}) diff --git a/playground/tailwind/package.json b/playground/tailwind/package.json index ec823d2016ef3b..124eb2ccf0fb42 100644 --- a/playground/tailwind/package.json +++ b/playground/tailwind/package.json @@ -15,7 +15,7 @@ "vue-router": "^4.1.6" }, "devDependencies": { - "@vitejs/plugin-vue": "workspace:*", + "@vitejs/plugin-vue": "^4.0.0-alpha.0", "ts-node": "^10.9.1" } } diff --git a/playground/test-utils.ts b/playground/test-utils.ts index a1bb4ad31dc30d..80e04bffb8bd02 100644 --- a/playground/test-utils.ts +++ b/playground/test-utils.ts @@ -26,8 +26,6 @@ export const ports = { 'ssr-html': 9601, 'ssr-noexternal': 9602, 'ssr-pug': 9603, - 'ssr-react': 9604, - 'ssr-vue': 9605, 'ssr-webworker': 9606, 'css/postcss-caching': 5005, 'css/postcss-plugins-different-dir': 5006, @@ -38,9 +36,7 @@ export const hmrPorts = { 'ssr-deps': 24681, 'ssr-html': 24682, 'ssr-noexternal': 24683, - 'ssr-pug': 24684, - 'ssr-react': 24685, - 'ssr-vue': 24686 + 'ssr-pug': 24684 } const hexToNameMap: RecordOther Ext
- ) -}) - -export default Default diff --git a/playground/vue-jsx/Query.jsx b/playground/vue-jsx/Query.jsx deleted file mode 100644 index 60de93eafb7b1c..00000000000000 --- a/playground/vue-jsx/Query.jsx +++ /dev/null @@ -1,12 +0,0 @@ -import { defineComponent, ref } from 'vue' - -export default defineComponent(() => { - const count = ref(6) - const inc = () => count.value++ - - return () => ( - - ) -}) diff --git a/playground/vue-jsx/Script.vue b/playground/vue-jsx/Script.vue deleted file mode 100644 index 2689ed2dfe6ffb..00000000000000 --- a/playground/vue-jsx/Script.vue +++ /dev/null @@ -1,14 +0,0 @@ - diff --git a/playground/vue-jsx/SrcImport.jsx b/playground/vue-jsx/SrcImport.jsx deleted file mode 100644 index dc775be205af73..00000000000000 --- a/playground/vue-jsx/SrcImport.jsx +++ /dev/null @@ -1,12 +0,0 @@ -import { defineComponent, ref } from 'vue' - -export default defineComponent(() => { - const count = ref(5) - const inc = () => count.value++ - - return () => ( - - ) -}) diff --git a/playground/vue-jsx/SrcImport.vue b/playground/vue-jsx/SrcImport.vue deleted file mode 100644 index 89f6fb3eb77e2b..00000000000000 --- a/playground/vue-jsx/SrcImport.vue +++ /dev/null @@ -1 +0,0 @@ - diff --git a/playground/vue-jsx/TsImport.vue b/playground/vue-jsx/TsImport.vue deleted file mode 100644 index c63923d51947fa..00000000000000 --- a/playground/vue-jsx/TsImport.vue +++ /dev/null @@ -1,8 +0,0 @@ - -Ts Import
-{{ foo }}
- - - diff --git a/playground/vue-jsx/TsImportFile.ts b/playground/vue-jsx/TsImportFile.ts deleted file mode 100644 index 62761d5733b432..00000000000000 --- a/playground/vue-jsx/TsImportFile.ts +++ /dev/null @@ -1 +0,0 @@ -export const foo = 'success' diff --git a/playground/vue-jsx/__tests__/vue-jsx.spec.ts b/playground/vue-jsx/__tests__/vue-jsx.spec.ts deleted file mode 100644 index 7518f4bddd7c71..00000000000000 --- a/playground/vue-jsx/__tests__/vue-jsx.spec.ts +++ /dev/null @@ -1,117 +0,0 @@ -import { describe, expect, test } from 'vitest' -import { editFile, isServe, page, untilUpdated } from '~utils' - -test('should render', async () => { - expect(await page.textContent('.named')).toMatch('0') - expect(await page.textContent('.named-specifier')).toMatch('1') - expect(await page.textContent('.default')).toMatch('2') - expect(await page.textContent('.default-tsx')).toMatch('3') - expect(await page.textContent('.script')).toMatch('4') - expect(await page.textContent('.src-import')).toMatch('5') - expect(await page.textContent('.jsx-with-query')).toMatch('6') - expect(await page.textContent('.other-ext')).toMatch('Other Ext') - expect(await page.textContent('.ts-import')).toMatch('success') -}) - -test('should update', async () => { - await page.click('.named') - expect(await page.textContent('.named')).toMatch('1') - await page.click('.named-specifier') - expect(await page.textContent('.named-specifier')).toMatch('2') - await page.click('.default') - expect(await page.textContent('.default')).toMatch('3') - await page.click('.default-tsx') - expect(await page.textContent('.default-tsx')).toMatch('4') - await page.click('.script') - expect(await page.textContent('.script')).toMatch('5') - await page.click('.src-import') - expect(await page.textContent('.src-import')).toMatch('6') - await page.click('.jsx-with-query') - expect(await page.textContent('.jsx-with-query')).toMatch('7') -}) - -describe.runIf(isServe)('vue-jsx server', () => { - test('hmr: named export', async () => { - editFile('Comps.jsx', (code) => - code.replace('named {count', 'named updated {count') - ) - await untilUpdated(() => page.textContent('.named'), 'named updated 0') - - // affect all components in same file - expect(await page.textContent('.named-specifier')).toMatch('1') - expect(await page.textContent('.default')).toMatch('2') - // should not affect other components from different file - expect(await page.textContent('.default-tsx')).toMatch('4') - }) - - test('hmr: named export via specifier', async () => { - editFile('Comps.jsx', (code) => - code.replace('named specifier {count', 'named specifier updated {count') - ) - await untilUpdated( - () => page.textContent('.named-specifier'), - 'named specifier updated 1' - ) - - // affect all components in same file - expect(await page.textContent('.default')).toMatch('2') - // should not affect other components on the page - expect(await page.textContent('.default-tsx')).toMatch('4') - }) - - test('hmr: default export', async () => { - editFile('Comps.jsx', (code) => - code.replace('default {count', 'default updated {count') - ) - await untilUpdated(() => page.textContent('.default'), 'default updated 2') - - // should not affect other components on the page - expect(await page.textContent('.default-tsx')).toMatch('4') - }) - - test('hmr: named export via specifier', async () => { - // update another component - await page.click('.named') - expect(await page.textContent('.named')).toMatch('1') - - editFile('Comp.tsx', (code) => - code.replace('default tsx {count', 'default tsx updated {count') - ) - await untilUpdated( - () => page.textContent('.default-tsx'), - 'default tsx updated 3' - ) - - // should not affect other components on the page - expect(await page.textContent('.named')).toMatch('1') - }) - - test('hmr: script in .vue', async () => { - editFile('Script.vue', (code) => - code.replace('script {count', 'script updated {count') - ) - await untilUpdated(() => page.textContent('.script'), 'script updated 4') - - expect(await page.textContent('.src-import')).toMatch('6') - }) - - test('hmr: src import in .vue', async () => { - await page.click('.script') - editFile('SrcImport.jsx', (code) => - code.replace('src import {count', 'src import updated {count') - ) - await untilUpdated( - () => page.textContent('.src-import'), - 'src import updated 5' - ) - - expect(await page.textContent('.script')).toMatch('5') - }) - - test('hmr: setup jsx in .vue', async () => { - editFile('setup-syntax-jsx.vue', (code) => - code.replace('let count = ref(100)', 'let count = ref(1000)') - ) - await untilUpdated(() => page.textContent('.setup-jsx'), '1000') - }) -}) diff --git a/playground/vue-jsx/index.html b/playground/vue-jsx/index.html deleted file mode 100644 index a285a008c13a9e..00000000000000 --- a/playground/vue-jsx/index.html +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/playground/vue-jsx/main.jsx b/playground/vue-jsx/main.jsx deleted file mode 100644 index f13e60c45367c0..00000000000000 --- a/playground/vue-jsx/main.jsx +++ /dev/null @@ -1,29 +0,0 @@ -import { createApp } from 'vue' -import { Named, NamedSpec, default as Default } from './Comps' -import { default as TsxDefault } from './Comp' -import OtherExt from './OtherExt.tesx' -import JsxScript from './Script.vue' -import JsxSrcImport from './SrcImport.vue' -import JsxSetupSyntax from './setup-syntax-jsx.vue' -// eslint-disable-next-line -import JsxWithQuery from './Query.jsx?query=true' -import TsImport from './TsImport.vue' - -function App() { - return ( - <> -{{ count }}
-
-
-
-
diff --git a/playground/vue-legacy/__tests__/vue-legacy.spec.ts b/playground/vue-legacy/__tests__/vue-legacy.spec.ts
deleted file mode 100644
index 908e04567ca35b..00000000000000
--- a/playground/vue-legacy/__tests__/vue-legacy.spec.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { test } from 'vitest'
-import { getBg, untilUpdated } from '~utils'
-
-test('vue legacy assets', async () => {
- await untilUpdated(() => getBg('.main'), 'assets/asset', true)
-})
-
-test('async vue legacy assets', async () => {
- await untilUpdated(() => getBg('.module'), 'assets/asset', true)
-})
diff --git a/playground/vue-legacy/assets/asset.png b/playground/vue-legacy/assets/asset.png
deleted file mode 100644
index 1b3356a746b8bb..00000000000000
Binary files a/playground/vue-legacy/assets/asset.png and /dev/null differ
diff --git a/playground/vue-legacy/env.d.ts b/playground/vue-legacy/env.d.ts
deleted file mode 100644
index 31dca6bb40c906..00000000000000
--- a/playground/vue-legacy/env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-declare module '*.png'
diff --git a/playground/vue-legacy/index.html b/playground/vue-legacy/index.html
deleted file mode 100644
index 0f7b79435ed47d..00000000000000
--- a/playground/vue-legacy/index.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
diff --git a/playground/vue-legacy/inline.css b/playground/vue-legacy/inline.css
deleted file mode 100644
index 2207a25763ca6d..00000000000000
--- a/playground/vue-legacy/inline.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.inline-css {
- color: #0088ff;
-}
diff --git a/playground/vue-legacy/module.vue b/playground/vue-legacy/module.vue
deleted file mode 100644
index 10c7b42e4c4215..00000000000000
--- a/playground/vue-legacy/module.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-
-
-
-
-
diff --git a/playground/vue-legacy/package.json b/playground/vue-legacy/package.json
deleted file mode 100644
index 7d102dcbadaea1..00000000000000
--- a/playground/vue-legacy/package.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
- "name": "test-vue-legacy",
- "private": true,
- "version": "0.0.0",
- "scripts": {
- "dev": "vite",
- "build": "vite build",
- "debug": "node --inspect-brk ../../packages/vite/bin/vite",
- "preview": "vite preview"
- },
- "dependencies": {
- "vue": "^3.2.45"
- },
- "devDependencies": {
- "@vitejs/plugin-vue": "workspace:*",
- "@vitejs/plugin-legacy": "workspace:*"
- }
-}
diff --git a/playground/vue-legacy/vite.config.ts b/playground/vue-legacy/vite.config.ts
deleted file mode 100644
index 5bb2f0efa06f53..00000000000000
--- a/playground/vue-legacy/vite.config.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import path from 'node:path'
-import fs from 'node:fs'
-import { defineConfig } from 'vite'
-import vuePlugin from '@vitejs/plugin-vue'
-import legacyPlugin from '@vitejs/plugin-legacy'
-
-export default defineConfig({
- base: '',
- resolve: {
- alias: {
- '@': __dirname
- }
- },
- plugins: [
- legacyPlugin({
- targets: ['defaults', 'not IE 11', 'chrome > 48']
- }),
- vuePlugin()
- ],
- build: {
- minify: false
- },
- // special test only hook
- // for tests, remove `
- module.vue
-