@maxelms/create-plugin-cli 1.1.15 → 1.1.17

package/bin/build.js

@@ -5,7 +5,7 @@ const program = require('commander')
 program
   .version(`maxelms-plugin-cli ${require('../package').version}`)
   .usage('maxelms-plugin-cli -cp -c')
-  
+
 
 program
   .option('-cp, --copy [copy]')
@@ -23,7 +23,7 @@ program
     }
 
     if (compress) require('./compress.js')
-    
+
   });
 
 program.parse(process.argv);

package/bin/index.js

@@ -20,7 +20,7 @@ program
     `请选择前端框架`,
     'react',
     'vue',
-    // 'vue3',
+    'vue3',
     'vue3vite',
   ].join('\n'))
   .option('-c, --PROJECT_CONFIG_TYPE <PROJECT_CONFIG_TYPE>', [

package/lib/index.js

@@ -48,8 +48,7 @@ var uuid_1 = require("uuid");
 var utils_1 = require("./utils");
 var pkg = require('../package.json');
 var cliVersion = pkg.version;
-// const frameworks = ['react', 'vue', 'vue3', 'vue3vite'];
-var frameworks = ['react', 'vue', 'vue3vite'];
+var frameworks = ['react', 'vue', 'vue3', 'vue3vite'];
 var jQuery = 'jQuery';
 var templates = ['umi'];
 /** 项目类型 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maxelms/create-plugin-cli",
-  "version": "1.1.15",
+  "version": "1.1.17",
   "main": "./bin/index.js",
   "author": "jackc_001",
   "bin": {

package/templates/vue3-micro-app/package.json.tpl

@@ -5,7 +5,7 @@
   "scripts": {
     "start": "vue-cli-service serve",
     "serve": "vue-cli-service serve && maxelms-plugin-cli -c",
-    "build": "vue-cli-service build",
+    "build": "vue-cli-service build && maxelms-plugin-cli -c",
     "lint": "vue-cli-service lint"
   },
   "dependencies": {

package/templates/vue3-micro-app/vue.config.js.tpl

@@ -9,7 +9,8 @@ const port = 7105;
 
 module.exports = {
   outputDir: 'dist',
-  assetsDir: 'static',
+  // assetsDir: 'static',
+  publicPath: './',
   filenameHashing: true,
   devServer: {
     hot: true,

package/templates/vue3-micro-field/README.md

@@ -0,0 +1,24 @@
+# vue-p2
+
+## Project setup
+```
+pnpm install
+```
+
+### Compiles and hot-reloads for development
+```
+pnpm run serve
+```
+
+### Compiles and minifies for production
+```
+pnpm run build
+```
+
+### Lints and fixes files
+```
+pnpm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

package/templates/vue3-micro-field/babel.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ],
+  plugins: [
+    '@babel/plugin-proposal-optional-chaining'
+  ]
+}

package/templates/vue3-micro-field/manifest.json.tpl

@@ -0,0 +1,3 @@
+{
+  "configurationType": "<%= configurationType %>"
+}

package/templates/vue3-micro-field/package.json.tpl

@@ -0,0 +1,57 @@
+{
+  "name": "<%= pluginName %>",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "start": "vue-cli-service serve",
+    "build": "vue-cli-service build && maxelms-plugin-cli -c",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "@maxelms/create-pulgin-api": "1.0.0",
+    "core-js": "3.6.5",
+    "element-ui": "2.15.6",
+    "vue": "3.0.0",
+    "vue-router": "4.0.0-beta.11",
+    "vuex": "4.0.0-beta.4"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-optional-chaining": "7.21.0",
+    "@maxelms/create-plugin-cli": "^1.0.0",
+    "@vue/cli-plugin-babel": "4.5.0",
+    "@vue/cli-plugin-eslint": "4.5.0",
+    "@vue/cli-service": "4.5.0",
+    "archiver": "5.3.1",
+    "@vue/compiler-sfc": "3.0.0",
+    "babel-eslint": "10.1.0",
+    "copy-webpack-plugin": "5.1.1",
+    "eslint": "6.7.2",
+    "eslint-plugin-vue": "6.2.2",
+    "less": "^4.1.3",
+    "less-loader": "5.0.0",
+    "sass": "1.47.0",
+    "sass-loader": "8.0.2",
+    "url-loader": "2.2.0",
+    "vue-template-compiler": "2.6.11"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

package/templates/vue3-micro-field/public/configuration.json

@@ -0,0 +1,30 @@
+{
+  "propName1": {
+    "label": "配置项一",
+    "type": "string",
+    "defaultValue": "配置项内容"
+  },
+  "propName2": {
+    "label": "配置项二",
+    "type": "number",
+    "defaultValue": 350
+  },
+  "propName3": {
+    "label": "配置项三",
+    "type": "select",
+    "options": [
+      {
+        "label": "选项1",
+        "value": "option1"
+      },
+      {
+        "label": "选项2",
+        "value": "option2"
+      },
+      {
+        "label": "选项3",
+        "value": "option3"
+      }
+    ]
+  }
+}

package/templates/vue3-micro-field/public/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Maxelms 页面组件</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/templates/vue3-micro-field/scripts/compress.js

@@ -0,0 +1,32 @@
+const fs = require('fs');
+const archiver = require('archiver');
+
+const distDir = 'dist'
+if (fs.existsSync(distDir)) {
+  if (fs.existsSync('dist.maxplugin')) {
+    fs.unlinkSync('dist.maxplugin')
+  }
+
+  const output = fs.createWriteStream('dist.maxplugin');
+  const archive = archiver('zip', {
+    zlib: { level: 9 }
+  });
+
+  output.on('close', function() {
+    console.log('Compress completed!');
+  });
+
+  archive.on('error', function(err) {
+    console.log('Compress failed!');
+    throw err;
+  });
+
+  archive.pipe(output);
+
+
+  archive.directory('dist/', 'dist');
+
+  archive.finalize();
+} else {
+  console.log('No dist directory found!');
+}

package/templates/vue3-micro-field/src/App.vue.tpl

@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <div class="maxelms-customize-component-<%= timestamp %>">
+      <input
+        :style="{width: `${width}px`}"
+        :disabled="disabled"
+        :placeholder="placeholder"
+        value="欢迎使用 Maxelms 页面组件"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'App',
+  components: {
+  },
+  methods: {
+
+  },
+  computed: {
+    /** 是否禁用 */
+    disabled () {
+      return this.$root?.masterProps?.configurations?.propName3
+    },
+    /** 控件宽度 */
+    width () {
+      return this.$root?.masterProps?.configurations?.propName2 || 350
+    },
+    /** 提示文本 */
+    placeholder () {
+      return this.$root?.masterProps?.configurations?.propName1
+    },
+  },
+}
+</script>
+
+<style lang="less">
+@import "./style.less";
+</style>

package/templates/vue3-micro-field/src/main.js

@@ -0,0 +1,41 @@
+import { createApp } from 'vue';
+import { registerPlugin, poweredByMaxelms } from '@maxelms/create-pulgin-api'
+import App from './App.vue'
+
+// Vue.config.productionTip = false
+
+window.__SINGLETON_MODE__ = true
+
+// configureCompat({
+//   MODE: true, // 开启 Vue 2 兼容模式
+// });
+
+const vms = {}
+
+const render = (props) => {
+  const { containerId } = props || {}
+  createApp(App, {
+    data: {
+      masterProps: props || {}
+    },
+  }).mount(containerId ? `#${containerId} #root` : '#root');
+}
+
+if (poweredByMaxelms) {
+  registerPlugin({
+    mount(props) {
+      render(props)
+    },
+    update(props) {
+      if (vms[props.containerId]) {
+        vms[props.containerId].masterProps = props
+      }
+    },
+    unmount(props) {
+      vms[props.containerId]?.$destroy?.()
+      vms[props.containerId] = null
+    }
+  });
+} else {
+  render()
+}

package/templates/vue3-micro-field/src/style.less.tpl

@@ -0,0 +1,16 @@
+
+@prefixCls: maxelms-customize-component-<%= timestamp %>;
+
+.@{prefixCls} {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    input {
+      width: 300px;
+      text-align: center;
+    }
+    img {
+      width: 350px;
+    }
+}

package/templates/vue3-micro-field/vue.config.js

@@ -0,0 +1,46 @@
+const path = require('path');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+
+module.exports = {
+  pages: {
+    index: {
+      entry: "src/main.js",
+      template: "public/index.html",
+      filename: "index.html",
+      title: "Maxelms Plugin",
+    },
+    
+  },
+  publicPath: './',
+  css: {
+    extract: true,
+  },
+  productionSourceMap: false,
+  devServer: {
+    headers: {
+      "Access-Control-Allow-Origin": "*",
+    },
+    port: 8080,
+    open: ['/', '/playground.html'],
+    contentBase: path.join(__dirname, 'examples/'),
+  },
+  chainWebpack: (config) => {
+    config.module
+      .rule('fonts')
+      .test(/.(ttf|otf|eot|woff|woff2)$/)
+      .use('url-loader')
+      .loader('url-loader')
+      .tap(() => ({
+        name: '/fonts/[name].[hash:8].[ext]'
+      }))
+      .end()
+  },
+  configureWebpack: {
+    plugins: [
+      new CopyWebpackPlugin([
+        { from: 'README.md' },
+        { from: 'manifest.json' },
+      ]),
+    ]
+  },
+};

package/templates/vue3vite-micro-plugin/.editorconfig

@@ -0,0 +1,6 @@
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true

package/templates/vue3vite-micro-plugin/.gitignore.tpl

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/npm-debug.log*
+/yarn-error.log
+/yarn.lock
+/package-lock.json
+
+# production
+/dist
+
+# misc
+.DS_Store
+
+# umi
+/src/.umi
+/src/.umi-production
+/src/.umi-test
+/.env.local
+/dist.maxplugin
+/dist.zip
+/.vscode

package/templates/vue3vite-micro-plugin/.prettierrc.json

@@ -0,0 +1,7 @@
+
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100
+}

package/templates/vue3vite-micro-plugin/.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "vitest.explorer",
+    "dbaeumer.vscode-eslint",
+    "EditorConfig.EditorConfig",
+    "esbenp.prettier-vscode"
+  ]
+}

package/templates/vue3vite-micro-plugin/README.md

@@ -0,0 +1,48 @@
+### 本地使用代理到主应用环境
+npm run proxy（可以控制 DIST_PROT 修改静态资源端口号）
+
+# vue-project
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+pnpm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+pnpm dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+pnpm build
+```
+
+### Run Unit Tests with [Vitest](https://vitest.dev/)
+
+```sh
+pnpm test:unit
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+pnpm lint
+```

package/templates/vue3vite-micro-plugin/env.d.ts

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

package/templates/vue3vite-micro-plugin/eslint.config.js

@@ -0,0 +1,29 @@
+import pluginVue from 'eslint-plugin-vue'
+import vueTsEslintConfig from '@vue/eslint-config-typescript'
+import pluginVitest from '@vitest/eslint-plugin'
+import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
+
+export default [
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+  },
+
+  {
+    name: 'app/files-to-ignore',
+    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
+  },
+
+  ...pluginVue.configs['flat/essential'],
+  ...vueTsEslintConfig(),
+  {
+    ...pluginVitest.configs.recommended,
+    files: ['src/**/__tests__/*'],
+  },
+  skipFormatting,
+  {
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'off',
+    }
+  },
+]

package/templates/vue3vite-micro-plugin/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Maxelms MicroApp</title>
+  </head>
+  <body>
+    <div id="micro-app" style="height: 100%"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/templates/vue3vite-micro-plugin/package.json.tpl

@@ -0,0 +1,56 @@
+{
+  "name": "<%= pluginName %>",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "start": "vite",
+    "proxy": "npm run build && cross-env DIST_PROT=9966 node scripts/devDistServe.cjs",
+    "build": "run-p type-check \"build-only {@}\" -- && maxelms-plugin-cli -c",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build",
+    "lint": "eslint . --fix",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@esbuild/darwin-arm64": "0.24.0",
+    "@maxelms/create-pulgin-api": "1.0.0",
+    "@rollup/rollup-darwin-arm64": "4.28.1",
+    "pinia": "2.2.6",
+    "vue": "3.5.13",
+    "vue-router": "4.4.5"
+  },
+  "devDependencies": {
+    "@maxelms/create-plugin-cli": "<%= cliVersion %>",
+    "@tsconfig/node22": "22.0.0",
+    "@types/jsdom": "21.1.7",
+    "@types/node": "22.9.3",
+    "@vitejs/plugin-vue": "5.2.1",
+    "@vitejs/plugin-vue-jsx": "4.1.1",
+    "@vitest/eslint-plugin": "1.1.10",
+    "@vue/eslint-config-prettier": "10.1.0",
+    "@vue/eslint-config-typescript": "14.1.3",
+    "@vue/test-utils": "2.4.6",
+    "@vue/tsconfig": "0.7.0",
+    "cors": "2.8.5",
+    "cross-env": "7.0.3",
+    "eslint": "9.14.0",
+    "eslint-plugin-vue": "9.30.0",
+    "express": "4.21.2",
+    "jsdom": "25.0.1",
+    "npm-run-all2": "7.0.1",
+    "prettier": "3.3.3",
+    "typescript": "5.6.3",
+    "vite": "6.0.1",
+    "vite-plugin-vue-devtools": "7.6.5",
+    "vitest": "2.1.5",
+    "vue-tsc": "2.1.10"
+  },
+  "resolutions": {
+    "magic-string": "0.30.15",
+    "@esbuild/darwin-arm64": "0.24.0",
+    "esbuild": "0.24.0"
+  }
+}

package/templates/vue3vite-micro-plugin/public/configuration.json

@@ -0,0 +1,30 @@
+{
+  "propName1": {
+    "label": "配置项一",
+    "type": "string",
+    "defaultValue": "配置项内容"
+  },
+  "propName2": {
+    "label": "配置项二",
+    "type": "number",
+    "defaultValue": 350
+  },
+  "propName3": {
+    "label": "配置项三",
+    "type": "select",
+    "options": [
+      {
+        "label": "选项1",
+        "value": "option1"
+      },
+      {
+        "label": "选项2",
+        "value": "option2"
+      },
+      {
+        "label": "选项3",
+        "value": "option3"
+      }
+    ]
+  }
+}

package/templates/vue3vite-micro-plugin/scripts/devDistServe.cjs

@@ -0,0 +1,16 @@
+const express = require('express');
+const cors = require('cors');
+const path = require('path');
+const { DIST_PROT = '3000' } = process.env
+
+const app = express();
+
+// 启用 CORS 中间件
+app.use(cors());
+
+// 设置静态文件目录
+app.use(express.static(path.join(__dirname, '../dist')));
+
+app.listen(DIST_PROT, () => {
+    console.log(`Server running at http://localhost:${DIST_PROT}/`);
+});

package/templates/vue3vite-micro-plugin/src/App.vue.tpl

@@ -0,0 +1,48 @@
+<template>
+  <div>
+    <div class="maxelms-customize-component-<%= timestamp %>">
+      <input
+        :style="{width: `${width}px`}"
+        :disabled="disabled"
+        :placeholder="placeholder"
+        value="欢迎使用 Maxelms 页面组件"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'App',
+  components: {
+  },
+  methods: {
+
+  },
+  computed: {
+    /** 是否禁用 */
+    disabled () {
+      return this.$root?.masterProps?.configurations?.propName3
+    },
+    /** 控件宽度 */
+    width () {
+      return this.$root?.masterProps?.configurations?.propName2 || 350
+    },
+    /** 提示文本 */
+    placeholder () {
+      return this.$root?.masterProps?.configurations?.propName1
+    },
+  },
+}
+</script>
+
+<style scoped>
+  .maxelms-customize-component-<%= timestamp %> input {
+    width: 300px;
+    text-align: center;
+  }
+  .maxelms-customize-component-<%= timestamp %> img {
+    width: 350px;
+  }
+</style>

package/templates/vue3vite-micro-plugin/src/main.ts

@@ -0,0 +1,39 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import { registerPlugin, poweredByMaxelms } from '@maxelms/create-pulgin-api'
+import App from './App.vue'
+// const subId = window.__MAXELMS_GLOBAL_ENV__?.popoverContainerId?.replace(/^maxelms-ma-popover-container-/, '') || ''
+
+// Vue.config.productionTip = false
+window.__SINGLETON_MODE__ = true
+
+const vms: any = {}
+
+if (poweredByMaxelms && registerPlugin) {
+  registerPlugin({
+    mount(props) {
+      render(props)
+    },
+    update(props) {
+      if (vms[props.containerId]) {
+        vms[props.containerId].masterProps = props
+      }
+    },
+    unmount(props) {
+      vms[props.containerId]?.$destroy?.()
+      vms[props.containerId] = null
+    }
+  });
+} else {
+  render()
+}
+
+function render(props: any = {}) {
+  const { containerId } = props
+  console.log(containerId)
+  vms[containerId] = createApp(App, {
+    configurations: props || {},
+  })
+  vms[containerId].use(createPinia())
+  vms[containerId].mount(containerId ? `#${containerId} #micro-app` : '#micro-app')
+}

package/templates/vue3vite-micro-plugin/src/typings.d.ts

@@ -0,0 +1,8 @@
+declare module "*.vue"
+
+interface Window {
+  __SINGLETON_MODE__?: any
+  __MAXELMS_GLOBAL_ENV__?: {
+    popoverContainerId: string
+  };
+}

package/templates/vue3vite-micro-plugin/tsconfig.app.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "noImplicitAny": true,
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/templates/vue3vite-micro-plugin/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.vitest.json"
+    }
+  ]
+}

package/templates/vue3vite-micro-plugin/tsconfig.node.json

@@ -0,0 +1,19 @@
+{
+  "extends": "@tsconfig/node22/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*"
+  ],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
+}

package/templates/vue3vite-micro-plugin/tsconfig.vitest.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.app.json",
+  "exclude": [],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
+
+    "lib": [],
+    "types": ["node", "jsdom"]
+  }
+}

package/templates/vue3vite-micro-plugin/vite.config.ts

@@ -0,0 +1,24 @@
+import { fileURLToPath, URL } from 'node:url'
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import vueDevTools from 'vite-plugin-vue-devtools'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx(), vueDevTools()],
+  base: './',
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+  build: {
+    target: 'es2015',
+    rollupOptions: {
+      output: {
+        format: 'umd',
+      },
+    },
+  },
+})

package/templates/vue3vite-micro-plugin/vitest.config.ts

@@ -0,0 +1,14 @@
+import { fileURLToPath, URL } from 'node:url'
+import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
+import viteConfig from './vite.config'
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    test: {
+      environment: 'jsdom',
+      exclude: [...configDefaults.exclude, 'e2e/**'],
+      root: fileURLToPath(new URL('./', import.meta.url)),
+    },
+  }),
+)