みかづきメモ

プログラミング学習帳 ♪(✿╹ヮ╹)ノ 書いてあるコードは自己責任でご自由にどうぞ

Vue

Vuex + VuexFire + Vuex Type Helper + TypeScript で Action を型アリで書きたい

Vuex で Firebase を良い感じに扱えるようにしてくれる VuexFire と、 TypeScript で Vuex モジュールを良い感じにかけるようにしてくれる Vue Type Helper 、 それぞれを同時に使って、型チェックや保管が効く状態で扱いたかった。 通常通り書くならこんな…

Vue でいっぱい transition したい

ページ遷移で transition して、ページ内コンテンツ切替で transition してってしたかった。 // App.vue <template lang="pug"> .container transition(name="router-transition" mode="out-in" leave-active-class="..." ...) router-view </template> // components/Page1.vue <template lang="pug"> .wrapper tr</template>…

vetur のフォーマッターのオプションを変えたい

どうせ次のプロジェクト始める際に忘れているだろうから、メモ。 VS Code で、 vetur 使うとき、フォーマッターの設定を変えたくなった。 (1行あたり80文字ではなく、120文字にしたかった) そのときの方法。 プロジェクトルートに .prettierrc を作る。 prin…