Quasarの古いプロジェクトをメンテナンス

yarn add @vue/composition-api

// src/boot/composition-api.jsファイルだよ

import VueCompositionApi from '@vue/composition-api'
import { boot } from 'quasar/wrappers'

export default boot(({ Vue }) => {
  Vue.use(VueCompositionApi)
})

boot: [
  'axios',
  'composition-api' // コレを追加する
]

yarn add --dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin

{
  "extends": "@quasar/app/tsconfig-preset",
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "src/**/*.js",
    "src-pwa/**/*.js"
  ],
  "exclude": [
    "node_modules"
  ],

  "compilerOptions": {
    "forceConsistentCasingInFileNames": false,
    "noImplicitAny": false,
    "baseUrl": ".",
    "target": "es5"
  }
}

    supportTS: true,

const { resolve } = require('path');
module.exports = {
  root: true,

  parserOptions: {
    extraFileExtensions: ['.vue'],
    parser: '@typescript-eslint/parser',
    project: resolve(__dirname, './tsconfig.json'),
    tsconfigRootDir: __dirname,
    ecmaVersion: 2015, // Allows for the parsing of modern ECMAScript features
    sourceType: 'module'
  },

  env: {
    browser: true
  },

  extends: [
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended',

    'standard',
    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
    'plugin:vue/strongly-recommended'
  ],

  // required to lint *.vue files
  plugins: [
    '@typescript-eslint',

    'vue'
  ],

  globals: {
    ga: true, // Google Analytics
    cordova: true,
    __statics: true,
    Capacitor: true,
    process: true
  },

  // add your custom rules here
  rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow paren-less arrow functions
    'arrow-parens': 'off',
    'one-var': 'off',

    'import/first': 'off',
    'import/named': 'error',
    'import/namespace': 'error',
    'import/default': 'error',
    'import/export': 'error',
    'import/extensions': 'off',
    'import/no-unresolved': 'off',
    'import/no-extraneous-dependencies': 'off',
    'prefer-promise-reject-errors': 'off',

    // TypeScript
    quotes: ['warn', 'single', { avoidEscape: true }],
    '@typescript-eslint/explicit-function-return-type': 'off',
    '@typescript-eslint/explicit-module-boundary-types': 'off',
    // allow debugger during development only
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',

    // 強化
    'vue/html-closing-bracket-spacing': 'error',
    'vue/v-slot-style': 'error',
    'max-lines': ['warn', { max: 700, skipBlankLines: false}],
    'vue/multiline-html-element-content-newline': 'error',
    'vue/no-multi-spaces': 'error',
    '@typescript-eslint/no-unused-vars': 'error',

    // 緩和 OFF
    'vue/max-attributes-per-line': 'off',
    'vue/singleline-html-element-content-newline': 'off',
    'vue/no-mutating-props': 'off',

    // 緩和 Warning
    'no-async-promise-executor': 'warn',
    '@typescript-eslint/no-unsafe-assignment': 'warn',
    '@typescript-eslint/no-unsafe-call': 'warn',
    '@typescript-eslint/no-unsafe-member-access': 'warn',
    '@typescript-eslint/no-empty-function': ["error", { "allow": ["arrowFunctions"] }]
  }
}

{
  "extends": "@quasar/app/tsconfig-preset",
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "src/**/*.js",
    "src-pwa/**/*.js" // この行はPWAでビルドする際に必要になる。詳しくは後述
  ],
  "exclude": [
    "node_modules"
  ],

  "compilerOptions": {
    "forceConsistentCasingInFileNames": false,
    "noImplicitAny": false,
    "baseUrl": ".",
    "target": "es5"
  }
}

quasar build -m pwa
0:0  error  Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser.
The file does not match your project config: src-pwa/register-service-worker.js.
The file must be included in at least one of the projects provided