[Vue3] Fixed Components with components options definied. Fixed config files.

.vscode/settings.json

@@ -25,5 +25,7 @@
     }
   },
   "vetur.format.defaultFormatter.ts": "prettier-tslint",
-  "typescript.format.enable": false
+  "typescript.format.enable": false,
+  "prettier.packageManager": "yarn",
+  "prettier.configPath": "./package.json"
 }

package.json

@@ -6,8 +6,8 @@
   "author": "Tim Gröger <tim@groeger-clan.de>",
   "private": true,
   "scripts": {
-    "lint": "eslint --ext .js,.ts,.vue ./",
-    "test": "echo \"No test specified\" && exit 0"
+    "format": "prettier --config ./package.json  --write '{,!(node_modules)/**/}*.ts'",
+    "lint": "eslint --ext .js,.ts,.vue ./"
   },
   "dependencies": {
     "@quasar/extras": "^1.9.10",
@@ -20,7 +20,8 @@
   "prettier": {
     "singleQuote": true,
     "semi": true,
-    "printWidth": 100
+    "printWidth": 100,
+    "arrowParens": "always"
   },
   "devDependencies": {
     "@quasar/app": "^3.0.0-alpha.8",

quasar.conf.js

@@ -7,10 +7,11 @@
 // https://quasar.dev/quasar-cli/quasar-conf-js
 
 /* eslint-env node */
-import ESLintPlugin from 'eslint-webpack-plugin';
-import { configure } from 'quasar/wrappers';
+/* eslint-disable @typescript-eslint/no-var-requires */
+const ESLintPlugin = require('eslint-webpack-plugin')
+const { configure } = require('quasar/wrappers');
  
-export default configure(function (/* ctx */) {
+module.exports = configure(function (/* ctx */) {
   return {
     // https://quasar.dev/quasar-cli/supporting-ts
     // https://quasar.dev/quasar-cli/supporting-ts

src/shims-vue.d.ts

@@ -1,5 +1,14 @@
+//https://github.com/vuejs/vue-next/issues/3130
+declare module '*.vue' {
+  import { ComponentOptions } from 'vue';
+  const component: ComponentOptions;
+  export default component;
+}
+
+/*
 // Mocks all files ending in `.vue` showing them as plain Vue instances
 declare module '*.vue' {
   import Vue from 'vue';
   export default Vue;
 }
+*/