【Nuxt.js/Vue.js】 手軽に長い文字列を省略して末尾を三点リーダー（…）にする方法

plugins/filter.js

Vue.filter('truncate', function(value, length, omission) {
  var length = length ? parseInt(length, 10) : 20;
  var ommision = omission ? omission.toString() : '...'

  if(value.length <= length) {
    return value;
  }
  else {
    return value.substring(0, length) + ommision;
  }
})

nuxt.config.js

  plugins: [
    '~/plugins/filter' // 追記する
  ],

text.vue

<div> {{ text | truncate(50) }} </div> // 引数に表示したい文字数を入れる