環境 Nuxt.js v2.x Vuejs v2.x VeeValidate v3 概要 Nuxt.js環境下でフォームを作成していたとき、入力値のバリデーションを簡単にしたかった。 今回はVeeValidateを使ってバリデーションをしてみる VeeValidate インストール、初期設定 いつものインストー…

環境 Nuxt.js 2.8 概要 vue2-hammerというhammer.jsを簡単にVue.js上で使えるようにできるhammer.jsのラッパーである。 が、Nuxt.jsで使うときにはVuejs単体と違って若干ハマったのでメモ インストール 兎にも角にもまずはvue2-hammerのインストールから npm…

環境 Nuxt.js 2.8 背景 Nuxt.jsはVuejsを元に作られているので、CSSフレームワークを追加したいときは、「追加したいCSSフレームワーク vuejs」とかで検索すればインストール方法がすぐ出る。現に、bootstrap-vueとかvuetifyはそれ専用のライブラリが出てい…

他のチュートリアルとか、やってみた！だと早速認証周りだとかElement UIとかに手を出してて難しすぎる。 本質的に、一番シンプルな感じで Qiita API v2 認証不要を叩いて リスト表示するだけのアプリをNuxt.jsで作って firebaseに無料デプロイ！ までやる。…

nuxt.jsで静的ホスティングしたいときはnuxt ganerateコマンドを叩く（実際にはnpm run generate） これでdistディレクトリ内に生成されるが、都合的に他のディレクトリに出力したい場合 やり方 nuxt.config.jsに以下追加 module.exports = { … generate: { …