@line/create-liff-app/templates/nuxtjs-ts/plugins/liff-init.client.ts

Start developing LIFF application with a simple CLI command.

// This function is executed before instantiating the app
// only in client-side.
// document: https://nuxtjs.org/docs/2.x/directory-structure/plugins

// import NPM version LIFF JS SDK
import liff from '@line/liff'
import { Plugin } from '@nuxt/types'

const liffPlugin: Plugin = (_, inject) => {
  // You can access liff object as this.$liff by inject()
  inject('liff', liff)

  // execute liff.init()
  const initResult = liff.init({ liffId: process.env.LIFF_ID! })
    .then(() => {
      console.log('LIFF init succeeded.')
    })
    .catch((error: Error) => {
      console.log('LIFF init failed.')
      return Promise.reject(error)
    })

  // You can access liff.init()'s return value (Promise object)
  // as this.$liffInit() by inject()
  inject('liffInit', initResult)
}

export default liffPlugin