nuxt.js

Advertisements
nuxt.js

[Nuxt.js]2.9以下 Google material icon(マテリアルアイコン)を使う

みんな大好きGoogle fontsではアイコンも利用できますね。私は少し前までfontawesomeを使用していたのですが、最近はちょっと非推奨の環境が増えてきたので、Google fontsのアイコンに鞍替えしました。 以下はnuxt...
nuxt.js

[Nuxt.js]コンポーネントが表示されない(nuxt.config.jsにパスは通した?)

久しぶりにNuxtプロジェクト作成していつも通りコンポーネント作成したらコンポーネントが表示されなくて困ったので備忘録。Atomic Design(アトミックデザイン)など、componentsフォルダの中に分類のためのフォルダを作成してい...
ESLint

[Nuxt.js, Vue.js, ESLint]監視プロパティwatchではアロー関数が使えない

いつもお世話になっております。 監視プロパティwatcherの挙動を勉強していて気づいたことを備忘録。 監視プロパティwatch内ではアロー関数を使うべきではない nuxt.jsで、監視プロパティであるwatchのオプションdee...
JavaScript

[Nuxt.js]フィルターを作成する

Nuxtのファイル構成を意識したNuxt.jsでのフィルターの作成方法です。Vueのやり方だと上手く行かなかったため、備忘録。 グローバルフィルター pluginsディレクトリ内にjsフォルダを作成し、どのページでもフィルタが読み込める...
nuxt.js

[Nuxt.js]AccuWeatherのAPIを使ってお天気アプリを制作

Nuxt.jsでAPIを使う修行を自分に課していました。というわけで、今回はお天気アプリです。 トップページのカードに、このように表示させます。 取ってきている情報自体は、任意の場所のその日のお天気と気温(と日付)だけな...
nuxt.js

[Nuxt.js]componentsのButtonを使ってDeleteボタンDeleteBtnを実装

いつもお世話になっております。 最近アトミックデザインなるものを覚えたのですが、具体的な使い方がピン…!と来ていませんでした。 componentsをatomsやorganismsに分けるのはわかるんですけどmoleculesっ...
ESLint

【Nuxt.js】console.logでWarning :Unexpected console statementが出たときの対処法

.eslintrc.jsにrules: { 'no-console': 'off', を追加してもエラーが消えないよ!という時はyarn lint(npm run lint)しましょう
Advertisements
Copied title and URL