How to load a Pixi instance in Vuejs?

[grosjardin]

I am learning PixiJS inside a VueJS component following the Pixi tutorial and I the console shows this error :

Quote

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeError: Converting circular structure to JSON

<template>
  <div>
    {{ displayPixi() }}
  </div>
</template>

<script>
  import * as PIXI from 'pixi.js'

  export default {
    name: 'HelloWorld',

    methods: {
      displayPixi() {
        return new PIXI.Application({width: 256, height: 256})
      }
    }
  }
</script>

How do you load Pixi instances in VueJS ? Thanks for the help.

[jonforum]

https://codesandbox.io/s/yw2vox5479?file=/src/main.js

https://codesandbox.io/s/xz91np51ww

Edited May 14, 2020 by jonforum