test: remove deprecation warnings (#466)

Author: bluwy

playground/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/vite-playground",
   "private": true,
   "version": "1.0.0",
+  "type": "module",
   "devDependencies": {
     "@types/node": "^22.5.1",
     "convert-source-map": "^2.0.0",

playground/tailwind/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-tailwind",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/tailwind/postcss.config.ts renamed to playground/tailwind/postcss.config.cts

@@ -1,4 +1,3 @@
-// postcss.config.ts
 module.exports = {
   plugins: {
     tailwindcss: { config: __dirname + '/tailwind.config.js' },

playground/vue-asset-base/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue-server-origin",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/vue-jsx/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue-jsx",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/vue-jsx/vite.config.js

@@ -1,10 +1,8 @@
-const vueJsxPlugin = require('@vitejs/plugin-vue-jsx')
-const vuePlugin = require('@vitejs/plugin-vue')
+import { defineConfig } from 'vite'
+import vueJsxPlugin from '@vitejs/plugin-vue-jsx'
+import vuePlugin from '@vitejs/plugin-vue'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   plugins: [
     vueJsxPlugin({
       include: [/\.tesx$/, /\.[jt]sx$/],
@@ -39,4 +37,4 @@ export default defineComponent(() => {
   optimizeDeps: {
     disabled: true,
   },
-}
+})

playground/vue-legacy/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue-legacy",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/vue-lib/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue-lib",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev-consumer": "vite --config ./vite.config.consumer.ts",
     "build-lib": "vite build --config ./vite.config.lib.ts",

playground/vue-server-origin/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue-server-origin",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/vue-sourcemap/SassWithImport.vue

@@ -4,7 +4,7 @@
 </template>
 
 <style lang="sass">
-@import './sassWithImportImported'
+@use './sassWithImportImported'
 
 .sass-with-import
   color: red