nuxtでmomentを動かす

nuxtでmomentを触る時に苦労したので導入を説明します。

nuxtコミュニテイのmoduleを使いましょう
nuxt-community/moment-module

基本的にはここのreadmeに従えば良いです。

yarn add moment @nuxtjs/moment OR npm i moment @nuxtjs/moment

nuxt.config.js

{
  modules: [
    ['@nuxtjs/moment', ['ja']]
 ]
}

これだけでvueインスタンスへ$momentを登録します。そのためdatepickerなどのmoduleを入れようとして間違えてvue-momentやmoment自体を導入しpluginsにてVue.useとかすると意図していない動作をします。（当たり前）

View側では$momentでアクセスすることが可能です。
注意してほしいのはVueのインスタンスに登録されているのでvueインスタンスに組み込まれるメソッド内（methodsやcomputedなど）ではthis.$momentでアクセスします。