【firebase】functionsでnuxtのpluginが動かない

Question

現象

nuxt.jsのpluginsに以下の「vuejs-datepicker.js」を追加

「vuejs-datepicker.js」

import Vue from 'vue'
import DatePicker from 'vuejs-datepicker'

console.log('load')
console.log(DatePicker)

Vue.component('DatePicker', DatePicker)

「vueファイル」

<template>
 <div>
  <div class="field">
   <label class="label">
    公開日時
   </label>
   <div class="control">
    <client-only>
     <DatePicker v-model="createdAt" :input-class="classInput"
      :format="DatePickerFormat" :language="ja"
      @keyup="checkForm('createdAt')" />
    </client-only>
   </div>
  </div>
 </div>
</template>

<script>
import { ja } from 'vuejs-datepicker/dist/locale'

export default {
  data() {
    return {
      DatePickerFormat: 'yyyy-MM-dd',
      ja: ja,
      classInput: 'input'
    }
  }
}
</script>

「nuxt.config.js」

~
plugins: [
  { src: '~/plugins/vuejs-datepicker.js', mode: 'client' },
  '~/plugins/firebase.js'
],
~

上記のようにプラグインを追加しています。
yarn build
yarn start
では正常にDatePickerが表示されますが、firebaseのfunctionsとhostingを使ってfirebase serveすると表示されません。

「yarn start」

「firebase serve」

カスタムタグを認識できていないように見えます。
解決方法をご存知の方がいましたらご教授願います。

Answer 1

<client-only>やmode: 'client'を設定しているように、SSRでは動作させないようにしているので、functionsでの実行時（＝SSRでの描画時）には動かないのではないでしょうか。
SSRで表示した場合はmountedで挿入するなどしないといけないのかなと思いました。