frontend setting

.eslintrc.js

module.exports = {
    root: true,
    env: {
        browser: true,
        node: true,
    },
    extends: [
        'eslint:recommended',
        'plugin:vue/vue3-recommended',
        'prettier/vue',
    ],
    parserOptions: {
        ecmaVersion: 2020,
        sourceType: 'module',
    },
    plugins: ['prettier'],
    rules: {
        'prettier/prettier': [
            'error',
            {
                singleQuote: true,
                semi: false,
                trailingComma: 'all',
                printWidth: 80,
                bracketSpacing: true,
                arrowParens: 'avoid',
                endOfLine: 'auto',
            },
        ],
    },
}

.stylelintrc.js

module.exports = {
    plugins: [
        "stylelint-prettier", 
        "stylelint-order", 
        "stylelint-config-rational-order/plugin",
    ],
    extends: [
        "stylelint-config-recommended", 
        "stylelint-config-rational-order",
    ],
    rules: {
        "prettier/prettier": [true, {"useTabs": false, "tabWidth": 4}],
        "order/properties-order": [],
        "plugin/rational-order": [true, {}]
    }
}

package.json

{
  "devDependencies": {
    "@vue/compiler-sfc": "^3.0.2",
    "cross-env": "^7.0.2",
    "eslint": "^7.13.0",
    "eslint-config-prettier": "^6.15.0",
    "eslint-config-prettier-vue": "^1.0.0",
    "eslint-plugin-prettier": "^3.1.4",
    "eslint-plugin-prettier-vue": "^2.1.1",
    "eslint-plugin-vue": "^7.1.0",
    "prettier": "^2.1.2",
    "stylelint": "^13.7.2",
    "stylelint-config-prettier": "^8.0.2",
    "stylelint-config-rational-order": "^0.1.2",
    "stylelint-config-recommended": "^3.0.0",
    "stylelint-order": "^4.1.0",
    "stylelint-prettier": "^1.1.2",
    "vite": "^1.0.0-rc.9"
  }   
}

짱이에요

여기 맛집이네요, 잘먹고갑니다.