diff --git a/.drone.yml b/.drone.yml
deleted file mode 100644
index 1011216..0000000
--- a/.drone.yml
+++ /dev/null
@@ -1,17 +0,0 @@
-kind: pipeline
-type: ssh
-name: default
-
-server:
- host: nuc.home
- user:
- from_secret: ssh_username
- password:
- from_secret: ssh_password
-
-steps:
-- name: build
- commands:
- - cd /home/marco/containers
- - docker-compose build sensor-web-v2
- - docker-compose up -d sensor-web-v2
\ No newline at end of file
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 1ff8163..ac45314 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -3,9 +3,14 @@ require('@rushstack/eslint-patch/modern-module-resolution')
module.exports = {
root: true,
- extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/eslint-config-prettier'],
- env: {
- 'vue/setup-compiler-macros': true
+ extends: [
+ 'plugin:vue/vue3-essential',
+ 'eslint:recommended',
+ '@vue/eslint-config-typescript',
+ '@vue/eslint-config-prettier'
+ ],
+ parserOptions: {
+ ecmaVersion: 'latest'
},
rules: {
'vue/multi-word-component-names': 'off'
diff --git a/README.md b/README.md
index 897e7b5..8aa1014 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,21 @@
-# vue-project
+# vue-ts
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=johnsoncodehk.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.vscode-typescript-vue-plugin).
+[VSCode](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.
## Customize configuration
@@ -22,7 +33,7 @@ npm install
npm run dev
```
-### Compile and Minify for Production
+### Type-Check, Compile and Minify for Production
```sh
npm run build
diff --git a/env.d.ts b/env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/env.d.ts
@@ -0,0 +1 @@
+///
diff --git a/index.html b/index.html
index d90c651..c9ef66e 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,6 @@
-
+