prettierとeslintを導入して
prettierコマンドを実行すると以下のようになってしまいます
<template> <span :class="spanClass"> <img :src="src" :alt="alt" /> </span> </template>
こちらを
<template> <span :class="spanClass"> <img :src="src" :alt="alt" /> </span> </template>
のように変えるにはどうすればよいでしょうか。
現在自分のeslint&prettier設定は以下のとおりです。(.eslintrc)
module.exports = { root: true, env: { node: true }, "extends": [ "plugin:vue/recommended", "plugin:prettier/recommended"], rules: { "vue/max-attributes-per-line": "off", "no-undef": "off", "no-unused-vars": "off", "strict": "off", "quotes": ["error","single"], "space-in-parens": ["error", "always"], "no-console": process.env.NODE_ENV === "production" ? "error" : "off", "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off" }, parserOptions: { parser: "@typescript-eslint/parser", "ecmaFeatures": { "legacyDecorators": true } }, plugins: [ ], rules: { 'prettier/prettier': [ 'error', { tabWidth: 2, printWidth: 80, semi: true, singleQuote: true, trailingComma: 'es5', }, ], }, globals: { "jQuery": true, "googletag": true, "$": true } };
あなたの回答
tips
プレビュー