Nuxt x TypeScript に loglevel をプラグインとして追加する

設定方法

// ./plagins/logger.ts

import { Plugin } from '@nuxt/types'
import * as log from 'loglevel'

log.setLevel('trace')
const plugin: Plugin = (context, inject) => inject('log', log)

export default plugin

// ./nuxt.config.js

  plugins: [
    '~plugins/logger'
  ],

// ./vue.d.ts

import Vue from 'vue'
import * as loglevel from 'loglevel'

declare module 'vue/types/vue' {
  interface Vue {
    $log: loglevel.Logger
  }
}

使用方法

this.$log.debug('hogehoge')

---

loglevel - npm