feat: update vue test

samuelmeuli · May 1, 2024 · 314060b · 314060b
1 parent d061efa
commit 314060b
Show file tree

Hide file tree

Showing 34 changed files with 5,378 additions and 303 deletions.
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -5,8 +5,7 @@ on:
     # - push
     # - pull_request
 
-    # every day at 10:00 UTC
-    - cron: "35 16 * * 2"
+    # - cron: "35 16 * * 2"
 
   push:
     paths-ignore:
@@ -37,7 +36,7 @@ jobs:
       matrix:
         os: [macos-latest, ubuntu-latest, windows-latest]
         package_manager: [npm]
-        package_root: ["./test/app-in-root/", "./test/app-in-subdirectory/", "./test/vue-app"]
+        package_root: ["./test/app-in-root/", "./test/app-in-subdirectory/", "./test/vuevite-app"]
 
     steps:
       - name: Check out Git repository
@@ -74,5 +73,5 @@ jobs:
           package_manager: ${{ matrix.package_manager }}
           github_token: ${{ secrets.github_token }}
           package_root: ${{ matrix.package_root }}
-          use_vue_cli: ${{ contains(matrix.package_root, 'vue')}}
+          use_vue_cli: ${{ contains(matrix.package_root, 'vuevite')}}
           max_attempts: "2"
diff --git a/test/vue-app/.gitignore b/test/vue-app/.gitignore
diff --git a/test/vue-app/babel.config.js b/test/vue-app/babel.config.js
diff --git a/test/vue-app/package.json b/test/vue-app/package.json
diff --git a/test/vue-app/public/favicon.ico b/test/vue-app/public/favicon.ico
diff --git a/test/vue-app/public/index.html b/test/vue-app/public/index.html
diff --git a/test/vue-app/src/App.vue b/test/vue-app/src/App.vue
diff --git a/test/vue-app/src/assets/logo.png b/test/vue-app/src/assets/logo.png
diff --git a/test/vue-app/src/background.js b/test/vue-app/src/background.js
diff --git a/test/vue-app/src/components/HelloWorld.vue b/test/vue-app/src/components/HelloWorld.vue
diff --git a/test/vue-app/src/main.js b/test/vue-app/src/main.js
diff --git a/test/vue-app/vue.config.js b/test/vue-app/vue.config.js
diff --git a/test/vuevite-app/.gitignore b/test/vuevite-app/.gitignore
@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+dist-electron
+release
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/test/vuevite-app/.vscode/extensions.json b/test/vuevite-app/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git a/test/vuevite-app/README.md b/test/vuevite-app/README.md
@@ -0,0 +1,18 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## 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 [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.