thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Made Pixi application holder a shallow ref

Browse source
This commit is contained in:
thepaperpilot 2022-08-22 00:23:08 -05:00
parent 61859049b9
commit bca8c6d64e
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/features/particles/Particles.vue
View file

@ -13,7 +13,7 @@ import type { StyleValue } from "features/feature";
import "lib/pixi"; import "lib/pixi";
import { processedPropType } from "util/vue"; import { processedPropType } from "util/vue";
import type { PropType } from "vue"; import type { PropType } from "vue";
import { defineComponent, nextTick, onBeforeUnmount, onMounted, ref, unref } from "vue"; import { defineComponent, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, unref } from "vue";
// TODO get typing support on the Particles component // TODO get typing support on the Particles component
export default defineComponent({ export default defineComponent({
@ -32,7 +32,7 @@ export default defineComponent({
onHotReload: Function as PropType<VoidFunction> onHotReload: Function as PropType<VoidFunction>
}, },
setup(props) { setup(props) {
const app = ref<null | Application>(null); const app = shallowRef<null | Application>(null);
const resizeObserver = new ResizeObserver(updateBounds); const resizeObserver = new ResizeObserver(updateBounds);
const resizeListener = ref<HTMLElement | null>(null); const resizeListener = ref<HTMLElement | null>(null);