Nuxtのlintの設定でsvgファイルは閉じタグが強制になっているのでlintを少しカスタムしてあげる必要がありました。 .eslintrc.jsに下記を追加してあげれば大丈夫です。 // add your custom rules here rules: { "vue/html-self-closing": ["error", { "svg":…

先日、vue-lazyloadを実装しようと組み込んだのですが、 Failed to resolve directive: lazyというエラーが出て機能しませんでした。 公式ページでプラグインを使用する場合は順番守ってね、ということでした。 https://jp.vuejs.org/v2/guide/plugins.html …

環境はmacで行っています node.jsのインストール brew install node nvmのインストール nvmはrbenvのようなnode.jsのバージョン管理ツールです。 nvmをインストールする curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | b…

eslintとvue.js用のeslintプラグインをinstallする 今回はグローバルにインストールします。 npm i -g eslint eslint-plugin-vue ※上記はnpmですが、yarnでも大丈夫です。 vscodeに読み込ませるnode_moduleを設定 vscodeの"基本設定=>設定"のUser Settingsの…

フロントエンドのフレームワークと既存のテンプレートエンジンのデリミタ(delimiter)って被ってしまった。。。 ちなみにデリミタ(delimiter)とは、"フィールド区切り文字"のことです。 具体的には railsのerbの<% hogehoge %>とか jinja2の{{ hogehoge }}と…