Nuxt.jsでのinjectの実現

Question

前提・実現したいこと

Nuxt.jsを利用し、cavnvasを用いて画像保存するアプリ開発をしています。
その中で「Vue-Fabric-Wrapper」というパッケージを用いているのですが、その中でprovide()されているオブジェクトをいずれかの方法でinjectして再利用したいです。

詳細

vue-fabric-wrapper/src/components/FabricCanvas.vue 内の下記3オブジェクト

  provide() {
    return {
      $canvas: () => this.canvas,
      $group: () => null,
      fabric
    };
  },

発生している問題

1. plugin内の.jsに記載する場合に、パッケージ内のprovide()で指定されたオブジェクトを参照し、injectする方法がわかりせん。
2. Nuxt.jsでのinjectは、pluginの中で記載することのみが公式ドキュメントに記載があり、各pagesやcomponents配下の.vueファイル内での記載方法がわかりません。 リンク

※2に関しては、そもそも無理かもしれませんが、方法ご存じの方いらっしゃれば、ご教授いただけますと幸いです。

該当のソースコード / 試したこと

.vueファイル内に下記の記載をするとエラーが出ました。

export default {
   inject: ['$canvas']

・・・以下、省略

 ERROR  [Vue warn]: Injection "$canvas" not found

補足情報（FW/ツールのバージョンなど）

"nuxt": "^2.0.0",
"vue-fabric-wrapper": "^0.3.71",

Answer 1

injectは不可。代わりに以下の方法でcanvasオブジェクト自体を操作可能。

https://github.com/bensladden/vue-fabric-wrapper/issues/106