【nuxt】momentを使った時間のフォーマット方法について

install --save-dev @nuxtjs/moment

yarn add --dev @nuxtjs/moment

// Modules for dev and build (recommended): <https://go.nuxtjs.dev/config-modules>
    buildModules: [
      // <https://go.nuxtjs.dev/tailwindcss>
      '@nuxtjs/moment', // 追加
    ],
  

moment: {
  locales: ['ja'],
},

// Plugins to run before rendering page: <https://go.nuxtjs.dev/config-plugins>
    plugins: ['~/plugins/format-date.js'], // 追加

import Vue from 'vue'
import moment from 'moment'
  
Vue.filter('format-date', function (value) {
  const date = moment(value)
  return date.format('YYYY/MM/DD') //formatの形式の設定
})

td {{ user.updated_at | format-date}}
td {{ フォーマットしたいデータ | pluginsで作った関数名 }}

<div v-text="$moment(...)"></div>
<div>{{ $moment(...) }}</div>