vuejsでプログラミングしていますが、ESlint
+ prettier
でエラーチェックをしようとしています。
コード内容は以下になります。
javascript
1<template> 2 <div class="box"> 3 <Hoge 4 v-if="isVisible" 5 class="fuga" 6 /> 7 </div> 8</template> 9 10<scritp> 11import Hoge fromt '~/components/Hoge' 12 13export default { 14 components: { 15 Hoge 16 } 17} 18</scritp>
Hogeをtemplate内で読み込んで属性(v-if/class)の前後で改行していると以下のエラーが表示されます。
▼ エラー内容
error Replace ⏎··········:text="titleText"⏎··········color="primary"⏎·······
with ·:text="titleText"·color="primary"
prettier/prettier
ここでこの改行を許可する方法はありますか?
もし知見をお持ちであればご助言いただけるととっても助かります。
ぜひよろしくお願いします。
▼ 設定ファイル
javascript
1{ 2 "workbench.iconTheme": "material-icon-theme", 3 "editor.wordWrap": "on", 4 "editor.minimap.enabled": false, 5 "files.trimTrailingWhitespace": true, 6 "files.trimFinalNewlines": true, 7 "files.insertFinalNewline": true, 8 "editor.renderControlCharacters": true, 9 "breadcrumbs.enabled": true, 10 "files.exclude": { 11 "**/.gif": true, 12 "**/.jpg": true, 13 "**/.png": true, 14 "**/.svg": true, 15 "**/*.map": true, 16 "**/*.dll": true, 17 "**/bin": true 18 }, 19 "files.watcherExclude": { 20 "**/images/**": true, 21 "**/img/**": true, 22 "**/swf/**": true 23 }, 24 "files.associations": { 25 ".*lintrc": "json" 26 }, 27 "search.exclude": { 28 "**/.history": true, 29 "**/.idea": true, 30 "**/.sass-cache": true, 31 "**/.vscode": true, 32 "**/.git": true, 33 "**/.svn": true, 34 "**/node_modules": true, 35 "**/bower_components": true, 36 "**/tmp": true 37 }, 38 "search.useIgnoreFilesByDefault": false, 39 "emmet.variables": { 40 "lang": "ja" 41 }, 42 "emmet.showAbbreviationSuggestions": true, 43 "emmet.showExpandedAbbreviation": "always", 44 "emmet.includeLanguages": { 45 "vue-html": "html", 46 "vue": "html" 47 }, 48 "[markdown]": { 49 "files.trimTrailingWhitespace": true 50 }, 51 "files.autoSave": "afterDelay", 52 "editor.fontSize": 14, 53 "editor.tabSize": 2, 54 "eslint.validate": [ 55 "javascript", 56 "javascriptreact", 57 "vue" 58 ], 59 "git.autofetch": true 60} 61
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。