vue-babylonjs x nuxt : Asset loading

3dmodel.vue

<template>
  <no-ssr>
    <div>
      <Scene v-model="productScene">
        <Property
          name="clearColor"
          color="#fff"/>
        <Camera
          v-model="camera"
          :radius="2500"
          type="arcRotate" />
      </Scene>
    </div>
  </no-ssr>
</template>

<script>
import Vue from 'vue';
import vb from 'vue-babylonjs';
import 'babylonjs-loaders';

Vue.use(vb);

export default {
  data() {
    return {
      productScene: null,
      camera: null,
    };
  },
  watch: {
    productScene() {
      const scene = this.productScene;
      this.BABYLON.SceneLoader.ShowLoadingScreen = false;
      this.BABYLON.SceneLoader.Append(
        '/path/to/model/',
        'model-requested.obj',
        scene,
        (newScene) => {
          this.productScene = newScene;
          this.productScene.createDefaultCameraOrLight(true, true, true);
          this.productScene.activeCamera.alpha += Math.PI;
        },
      );
    },
  },
};
</script>