vue.jsでA-Framを使う

vue.jsでA-Framを使用した時に出た警告

Consoleに警告が出てけすのに消すのに手こずるたのでメモ

A-Frameは、のなどの専用タグを使用します。
vueファイル内に書くと以下のような警告が出ます。

[Vue warn]: Unknown custom element: 
<a-entity> - did you register the component correctly?
 For recursive components, make sure to provide the "name" option.

scriptの中に以下を追加する。(使用するa-〇〇をすべて追加)

<script>
        Vue.config.ignoredElements = [
      'a-scene',
      'a-entity',
      'a-camera',
      'a-box',
      'a-ring',
      'a-asset-items',
      'a-assets',
      'a-cursor',
      'a-text',
      'a-light',
    ]
</script>

以上。