Open11

【Nuxt.js/Vue.js】

kokotakokota
  • ESLint周りの設定
  • コンポーネント自動インポート設定
  • ロガーの追加
  • storeの永続化
  • エラーページ作成
kokotakokota

Vuetify

kokotakokota
  • v-selectで初期のスクロール位置を選択要素のところにする
    • (ドロップダウンリストとして生成されるv-menuのプロパティを渡すことができる)
<v-select
  v-model="model"
  :items="items"
  :menu-props="{ auto: true }"
/>
kokotakokota
  • 入力を抜けたときにバリデーションを実行してほしい場合
    validate-on-blur
kokotakokota

v-data-tableで連番列を作る
※headersにno列を定義しておくこと

<v-data-table
  :headers="headers"
  :items="items"
>
  <template #[`item.no`]="{ index }">
    No. {{ index + 1 }}
  </template>
</v-data-table>

普通ならitemをもらうがindexだけもらう

kokotakokota
kokotakokota
cross-env NODE_ENV=development && nuxt generate

NG: NODE_ENV→production


cross-env NODE_ENV=development nuxt generate

OK: NODE_ENV→development


&&でつなぐとcross-envがなかったことになる💦


https://github.com/kentcdodds/cross-env/issues/176
cross-env-shellを使えばそのshellスクリプト内でenvを適用できるため&&が使用できる