[Vue Rewrite] Enable Typescript Vue Components

.eslintrc.js

@@ -1,10 +1,26 @@
 module.exports = {
-	extends: [
-		'@nextcloud',
-	],
-	rules: {
-		'jsdoc/check-alignment': 'off',
-		'vue/html-indent': 'off',
-		'indent': ['error', 4]
-	},
+    root: true,
+    parser: 'vue-eslint-parser',
+    parserOptions: {
+        parser: {
+            ts: '@typescript-eslint/parser',
+        },
+        ecmaVersion: 2020,
+    },
+    extends: [
+        'eslint:recommended',
+        'plugin:vue/base',
+        'plugin:vue/essential',
+        '@vue/standard',
+        '@vue/typescript/recommended',
+        '@nextcloud',
+    ],
+    ignorePatterns: ['*.d.ts'],
+    rules: {
+        'node/no-unpublished-import': 'off', // necessary for vue-property-decorator (not published?)
+
+        // TODO: remove these indentation rules during reformat (expects tab char \t but right now code base uses spaces)
+        'vue/html-indent': 'off',
+        indent: ['error', 4],
+    },
 }

.gitignore

@@ -47,6 +47,9 @@ RCS/*
 # netbeans
 nbproject
 
+# vscode
+.vscode
+
 # phpStorm
 .idea
 

CHANGELOG.md

@@ -6,6 +6,7 @@ The format is mostly based on [Keep a Changelog](https://keepachangelog.com/en/1
 ## [19.x.x]
 ### Changed
 - Vue Rewrite
+  - Add Typescript 
 
 ## [18.x.x]
 ### Changed

babel.config.js

@@ -1,6 +1,6 @@
 module.exports = {
-	plugins: [
-		'@babel/plugin-syntax-dynamic-import',
-	],
-	presets: ['@babel/preset-env'],
+    plugins: [
+        '@babel/plugin-syntax-dynamic-import',
+    ],
+    presets: ['@babel/preset-env'],
 }