fix: examples can't be viewed

docs/examples/basic/demo/blend-modes.vue

@@ -73,13 +73,13 @@ onTick(() => {
 <template>
   <!-- create a new background sprite -->
   <sprite
-    texture="https://beta.pixijs.com/assets/bg_rotate.jpg"
+    texture="https://pixijs.com/assets/bg_rotate.jpg"
     :width="screen.width"
     :height="screen.height"
   />
   <sprite
     v-for="(dude, index) in dudes" :key="index"
-    texture="https://beta.pixijs.com/assets/flowerTop.png"
+    texture="https://pixijs.com/assets/flowerTop.png"
     :scale="dude.scale"
     :x="dude.x"
     :y="dude.y"

docs/examples/basic/demo/cache-as-bitmap.vue

@@ -64,7 +64,7 @@ function tickAlines() {
 }
 
 // load resources
-Assets.load('https://beta.pixijs.com/assets/spritesheet/monsters.json').then(onAssetsLoaded)
+Assets.load('https://pixijs.com/assets/spritesheet/monsters.json').then(onAssetsLoaded)
 ticker.add(tickAlines)
 
 // combines both mouse click + touch tap

docs/examples/basic/demo/container.vue

@@ -28,7 +28,7 @@ onTick((delta) => {
     <sprite
       v-for="(_, i) in 25"
       :key="i"
-      texture="https://beta.pixijs.com/assets/bunny.png"
+      texture="https://pixijs.com/assets/bunny.png"
       :x="(i % 5) * 40"
       :y="Math.floor(i / 5) * 40"
     />

docs/examples/basic/demo/particle-container-demo.vue

@@ -60,7 +60,7 @@ onTick(() => {
 function onRender(el: ParticleContainerInst) {
   for (let i = 0; i < totalSprites; i++) {
   // create a new Sprite
-    const dude = Sprite.from('https://beta.pixijs.com/assets/maggot_tiny.png') as DudeIte
+    const dude = Sprite.from('https://pixijs.com/assets/maggot_tiny.png') as DudeIte
 
     // set the anchor point so the texture is centerd on the sprite
     dude.anchor.set(0.5)

docs/examples/basic/demo/simple-plane.vue

@@ -31,7 +31,7 @@ onBeforeUnmount(() => ticker.destroy())
 <template>
   <simple-plane
     ref="simplePlaneRef"
-    texture="https://beta.pixijs.com/assets/bg_grass.jpg"
+    texture="https://pixijs.com/assets/bg_grass.jpg"
     :vertices-x="10"
     :vertices-y="10"
     :x="0"

docs/examples/events/demo/click.vue

@@ -12,7 +12,7 @@ const scale = ref(1)
 
 <template>
   <sprite
-    texture="https://beta.pixijs.com/assets/bunny.png"
+    texture="https://pixijs.com/assets/bunny.png"
     :x="screen.width / 2"
     :scale="scale"
     :y="screen.height / 2"

docs/examples/events/demo/custom-hitarea.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { Graphics, Polygon, Sprite, Texture } from 'pixi.js'
 
-const star = Texture.from('https://beta.pixijs.com/assets/yellowstar.png')
+const star = Texture.from('https://pixijs.com/assets/yellowstar.png')
 
 const hitArea = new Polygon([
   80, 0,

docs/examples/events/demo/custom-mouse-arrow.vue

@@ -9,16 +9,16 @@ const app = useApplication()
 const screen = useScreen()
 
 // Css style for icons
-const defaultIcon = 'url(\'https://beta.pixijs.com/assets/bunny.png\'),auto'
-const hoverIcon = 'url(\'https://beta.pixijs.com/assets/bunny_saturated.png\'),auto'
+const defaultIcon = 'url(\'https://pixijs.com/assets/bunny.png\'),auto'
+const hoverIcon = 'url(\'https://pixijs.com/assets/bunny_saturated.png\'),auto'
 
 app.value.renderer.events.cursorStyles.default = defaultIcon
 app.value.renderer.events.cursorStyles.hover = hoverIcon
 
 // create some textures from an image path
-const texture = Texture.from('https://beta.pixijs.com/assets/button.png')
-const textureDown = Texture.from('https://beta.pixijs.com/assets/button_down.png')
-const textureOver = Texture.from('https://beta.pixijs.com/assets/button_over.png')
+const texture = Texture.from('https://pixijs.com/assets/button.png')
+const textureDown = Texture.from('https://pixijs.com/assets/button_down.png')
+const textureOver = Texture.from('https://pixijs.com/assets/button_over.png')
 
 // set some silly values...
 const buttons: Partial<SpriteProps>[] = [
@@ -60,7 +60,7 @@ function onButtonOut(this: RecordSprite) {
 
 <template>
   <!-- create a background... -->
-  <Sprite texture="https://beta.pixijs.com/assets/bg_button.jpg" :width="screen.width" :height="screen.height" />
+  <Sprite texture="https://pixijs.com/assets/bg_button.jpg" :width="screen.width" :height="screen.height" />
   <!-- add it to the stage -->
   <Sprite
     v-for="(p, i) in buttons"

docs/examples/events/demo/dragging.vue

@@ -9,7 +9,7 @@ import { onReady, useStage } from 'vue3-pixi'
 const stage = useStage()
 
 // create a texture from an image path
-const texture = Texture.from('https://beta.pixijs.com/assets/bunny.png')
+const texture = Texture.from('https://pixijs.com/assets/bunny.png')
 
 // Scale mode for pixelation
 texture.baseTexture.scaleMode = SCALE_MODES.NEAREST

docs/examples/events/demo/interactivity.vue

@@ -8,9 +8,9 @@ type RecordSprite = SpriteInst & Record<string, any>
 const screen = useScreen()
 
 // create some textures from an image path
-const texture = Texture.from('https://beta.pixijs.com/assets/button.png')
-const textureDown = Texture.from('https://beta.pixijs.com/assets/button_down.png')
-const textureOver = Texture.from('https://beta.pixijs.com/assets/button_over.png')
+const texture = Texture.from('https://pixijs.com/assets/button.png')
+const textureDown = Texture.from('https://pixijs.com/assets/button_down.png')
+const textureOver = Texture.from('https://pixijs.com/assets/button_over.png')
 
 // set some silly values...
 const buttons: Partial<SpriteProps>[] = [
@@ -52,7 +52,7 @@ function onButtonOut(this: RecordSprite) {
 
 <template>
   <!-- create a background... -->
-  <sprite texture="https://beta.pixijs.com/assets/bg_button.jpg" :width="screen.width" :height="screen.height" />
+  <sprite texture="https://pixijs.com/assets/bg_button.jpg" :width="screen.width" :height="screen.height" />
   <!-- add it to the stage -->
   <sprite
     v-for="(p, i) in buttons"

docs/examples/events/demo/slider.vue

@@ -77,7 +77,7 @@ function onDragEnd() {
 
   <!-- Add bunny whose scale can be changed by user using slider -->
   <sprite
-    texture="https://beta.pixijs.com/assets/bunny.png"
+    texture="https://pixijs.com/assets/bunny.png"
     :x="screen.width / 2"
     :y="screen.height / 2"
     :scale="scale"

docs/examples/filters-basic/demo/blur.vue

@@ -21,11 +21,11 @@ onTick(() => {
 </script>
 
 <template>
-  <sprite :width="screen.width" :height="screen.height" texture="https://beta.pixijs.com/assets/pixi-filters/bg_depth_blur.jpg" />
-  <sprite :x="(screen.width / 2) - 315" :y="200" texture="https://beta.pixijs.com/assets/pixi-filters/depth_blur_dudes.jpg">
+  <sprite :width="screen.width" :height="screen.height" texture="https://pixijs.com/assets/pixi-filters/bg_depth_blur.jpg" />
+  <sprite :x="(screen.width / 2) - 315" :y="200" texture="https://pixijs.com/assets/pixi-filters/depth_blur_dudes.jpg">
     <blur-filter :blur="dudeBlur" />
   </sprite>
-  <sprite :x="(screen.width / 2) - 200" :y="100" texture="https://beta.pixijs.com/assets/pixi-filters/depth_blur_moby.jpg">
+  <sprite :x="(screen.width / 2) - 200" :y="100" texture="https://pixijs.com/assets/pixi-filters/depth_blur_moby.jpg">
     <blur-filter :blur="mobyBlur" />
   </sprite>
 </template>

docs/examples/filters-basic/demo/color-matrix.vue

@@ -44,10 +44,10 @@ onTick(() => {
 
 <template>
   <container @click="showFilter = !showFilter">
-    <sprite v-bind="center" texture="https://beta.pixijs.com/assets/bg_scene_rotate.jpg" :rotation="rotation" />
-    <sprite v-bind="center" texture="https://beta.pixijs.com/assets/light_rotate_1.png" :rotation="rotation * 2" />
-    <sprite v-bind="center" texture="https://beta.pixijs.com/assets/light_rotate_2.png" :rotation="rotation" />
-    <sprite v-bind="center" texture="https://beta.pixijs.com/assets/panda.png" :scale="pandaScale" />
+    <sprite v-bind="center" texture="https://pixijs.com/assets/bg_scene_rotate.jpg" :rotation="rotation" />
+    <sprite v-bind="center" texture="https://pixijs.com/assets/light_rotate_1.png" :rotation="rotation * 2" />
+    <sprite v-bind="center" texture="https://pixijs.com/assets/light_rotate_2.png" :rotation="rotation" />
+    <sprite v-bind="center" texture="https://pixijs.com/assets/panda.png" :scale="pandaScale" />
   </container>
   <text
     :position="{ x: 10, y: screen.height - 26 }"

docs/examples/filters-basic/demo/displacement-map-crawlies.vue

@@ -93,26 +93,26 @@ onTick(creep)
 
 <template>
   <sprite
-    texture="https://beta.pixijs.com/assets/bg_grass.jpg"
+    texture="https://pixijs.com/assets/bg_grass.jpg"
     :width="screen.width"
     :height="screen.height"
     :alpha="0.4"
   />
   <sprite
     ref="spriteRef"
-    texture="https://beta.pixijs.com/assets/pixi-filters/displace.png"
+    texture="https://pixijs.com/assets/pixi-filters/displace.png"
     :position="position"
     :anchor="0.5"
   />
   <sprite
-    texture="https://beta.pixijs.com/assets/pixi-filters/ring.png"
+    texture="https://pixijs.com/assets/pixi-filters/ring.png"
     :visible="visible"
     :position="position"
     :anchor="0.5"
   />
   <sprite
     v-for="(dude, index) in maggots" :key="index"
-    texture="https://beta.pixijs.com/assets/maggot_tiny.png"
+    texture="https://pixijs.com/assets/maggot_tiny.png"
     :scale="dude.scale"
     :rotation="dude.rotation"
     :x="dude.x"

docs/examples/filters-basic/demo/displacement-map-flag.vue

@@ -7,7 +7,7 @@ import { onTick } from 'vue3-pixi'
 const spriteRef = ref()
 const position = reactive({ x: 100, y: 100 })
 
-const texture = Texture.from('https://beta.pixijs.com/assets/pixi-filters/displacement_map_repeat.jpg', {
+const texture = Texture.from('https://pixijs.com/assets/pixi-filters/displacement_map_repeat.jpg', {
   wrapMode: WRAP_MODES.REPEAT,
 })
 
@@ -20,7 +20,7 @@ onTick(() => {
 
 <template>
   <sprite ref="spriteRef" :texture="texture" :position="position" :anchor="0.5" />
-  <sprite :x="100" :y="100" texture="https://beta.pixijs.com/assets/pixi-filters/flag.png">
+  <sprite :x="100" :y="100" texture="https://pixijs.com/assets/pixi-filters/flag.png">
     <displacement-filter v-if="spriteRef" :sprite="spriteRef" :padding="10" />
   </sprite>
 </template>

docs/examples/graphics/demo/advanced.vue

@@ -2,7 +2,7 @@
 import { Sprite } from 'pixi.js'
 import type { GraphicsInst } from 'vue3-pixi'
 
-const sprite = Sprite.from('https://beta.pixijs.com/assets/bg_rotate.jpg')
+const sprite = Sprite.from('https://pixijs.com/assets/bg_rotate.jpg')
 function onDrawRealPath(realPath: GraphicsInst) {
   realPath.lineStyle(2, 0xFFFFFF, 1)
   realPath.moveTo(0, 0)

docs/examples/masks/demo/filter.vue

@@ -43,7 +43,7 @@ useEventListener(stage, 'pointermove', (e: any) => Object.assign(position, e.glo
 <template>
   <sprite
     ref="circleRef"
-    texture="https://beta.pixijs.com/assets/bg_grass.jpg"
+    texture="https://pixijs.com/assets/bg_grass.jpg"
     :width="screen.width"
     :height="screen.height"
     :mask="focusRef"

docs/examples/masks/demo/graphics.vue

@@ -34,12 +34,12 @@ onTick(() => {
 </script>
 
 <template>
-  <sprite v-bind="center" texture="https://beta.pixijs.com/assets/bg_rotate.jpg" :rotation="+rotation" />
+  <sprite v-bind="center" texture="https://pixijs.com/assets/bg_rotate.jpg" :rotation="+rotation" />
   <container :mask="isMask ? maskRef : null">
-    <sprite v-bind="center" texture="https://beta.pixijs.com/assets/bg_scene_rotate.jpg" :rotation="rotation" />
-    <sprite v-bind="center" texture="https://beta.pixijs.com/assets/light_rotate_1.png" :rotation="rotation * 2" />
-    <sprite v-bind="center" texture="https://beta.pixijs.com/assets/light_rotate_2.png" :rotation="rotation" />
-    <sprite v-bind="center" texture="https://beta.pixijs.com/assets/panda.png" :scale="pandaScale" />
+    <sprite v-bind="center" texture="https://pixijs.com/assets/bg_scene_rotate.jpg" :rotation="rotation" />
+    <sprite v-bind="center" texture="https://pixijs.com/assets/light_rotate_1.png" :rotation="rotation * 2" />
+    <sprite v-bind="center" texture="https://pixijs.com/assets/light_rotate_2.png" :rotation="rotation" />
+    <sprite v-bind="center" texture="https://pixijs.com/assets/panda.png" :scale="pandaScale" />
   </container>
   <text
     :position="{ x: 10, y: screen.height - 26 }"

docs/examples/masks/demo/sprite.vue

@@ -33,7 +33,7 @@ reset()
 </script>
 
 <template>
-  <sprite texture="https://beta.pixijs.com/assets/bg_plane.jpg" v-bind="full" />
-  <sprite texture="https://beta.pixijs.com/assets/cells.png" v-bind="full" :mask="maskRef" />
-  <sprite ref="maskRef" texture="https://beta.pixijs.com/assets/flowerTop.png" :position="position" :anchor="0.5" />
+  <sprite texture="https://pixijs.com/assets/bg_plane.jpg" v-bind="full" />
+  <sprite texture="https://pixijs.com/assets/cells.png" v-bind="full" :mask="maskRef" />
+  <sprite ref="maskRef" texture="https://pixijs.com/assets/flowerTop.png" :position="position" :anchor="0.5" />
 </template>

docs/examples/sprite/demo/animated-sprite-animation-speed.vue

@@ -18,7 +18,7 @@ function onAssetsLoaded(spritesheet: any) {
   }
 }
 
-Assets.load('https://beta.pixijs.com/assets/spritesheet/0123456789.json')
+Assets.load('https://pixijs.com/assets/spritesheet/0123456789.json')
   .then(onAssetsLoaded)
 </script>
 

docs/examples/sprite/demo/animated-sprite-explosion.vue

@@ -15,7 +15,7 @@ function onAssetsLoaded() {
   }
 }
 
-Assets.load('https://beta.pixijs.com/assets/spritesheet/mc.json')
+Assets.load('https://pixijs.com/assets/spritesheet/mc.json')
   .then(onAssetsLoaded)
 </script>
 

docs/examples/sprite/demo/animated-sprite-jet.vue

@@ -15,7 +15,7 @@ function onAssetsLoaded() {
   }
 }
 
-Assets.load('https://beta.pixijs.com/assets/spritesheet/fighter.json')
+Assets.load('https://pixijs.com/assets/spritesheet/fighter.json')
   .then(onAssetsLoaded)
 
 onTick(() => rotation.value += 0.01)

docs/examples/sprite/demo/basic.vue

@@ -11,7 +11,7 @@ onTick(() => rotation.value += 0.01)
 
 <template>
   <sprite
-    texture="https://beta.pixijs.com/assets/bunny.png"
+    texture="https://pixijs.com/assets/bunny.png"
     :x="screen.width / 2"
     :y="screen.height / 2"
     :rotation="rotation"

docs/examples/sprite/demo/texture-swap.vue

@@ -4,8 +4,8 @@ import { ref } from 'vue'
 import { onTick, useScreen } from 'vue3-pixi'
 
 const asserts = {
-  flowerTop: Texture.from('https://beta.pixijs.com/assets/flowerTop.png'),
-  eggHead: Texture.from('https://beta.pixijs.com/assets/eggHead.png'),
+  flowerTop: Texture.from('https://pixijs.com/assets/flowerTop.png'),
+  eggHead: Texture.from('https://pixijs.com/assets/eggHead.png'),
 }
 
 const screen = useScreen()

docs/examples/sprite/demo/tiling-sprite.vue

@@ -19,7 +19,7 @@ onTick(() => {
 
 <template>
   <tiling-sprite
-    texture="https://beta.pixijs.com/assets/p2.jpeg"
+    texture="https://pixijs.com/assets/p2.jpeg"
     :width="screen.width"
     :height="screen.height"
     :tile-scale="tileScale"

docs/examples/sprite/demo/video.vue

@@ -26,7 +26,7 @@ function onPlay() {
 <template>
   <sprite
     v-if="play"
-    texture="https://beta.pixijs.com/assets/video.mp4"
+    texture="https://pixijs.com/assets/video.mp4"
     :width="screen.width"
     :height="screen.height"
   />

docs/examples/text/demo/bitmap-text.vue

@@ -4,7 +4,7 @@ const screen = useScreen()
 </script>
 
 <template>
-  <Loader :resources="['https://beta.pixijs.com/assets/bitmap-font/desyrel.xml']">
+  <Loader :resources="['https://pixijs.com/assets/bitmap-font/desyrel.xml']">
     <bitmap-text
       :x="screen.width / 2"
       :y="screen.height / 2"

docs/examples/text/demo/from-font.vue

@@ -2,10 +2,10 @@
 import { Loader } from 'vue3-pixi'
 
 const fonts = {
-  'ChaChicle': 'https://beta.pixijs.com/assets/webfont-loader/ChaChicle.ttf',
-  'Lineal': 'https://beta.pixijs.com/assets/webfont-loader/Lineal.otf',
-  'Dotrice Regular': 'https://beta.pixijs.com/assets/webfont-loader/Dotrice-Regular.woff',
-  'Crosterian': 'https://beta.pixijs.com/assets/webfont-loader/Crosterian.woff2',
+  'ChaChicle': 'https://pixijs.com/assets/webfont-loader/ChaChicle.ttf',
+  'Lineal': 'https://pixijs.com/assets/webfont-loader/Lineal.otf',
+  'Dotrice Regular': 'https://pixijs.com/assets/webfont-loader/Dotrice-Regular.woff',
+  'Crosterian': 'https://pixijs.com/assets/webfont-loader/Crosterian.woff2',
 }
 </script>
 

docs/examples/textures/render-texture-advanced.vue

@@ -24,14 +24,14 @@ texture.value = renderTexture_1
 
 // create an array of image ids..
 const fruits = [
-  'https://beta.pixijs.com/assets/rt_object_01.png',
-  'https://beta.pixijs.com/assets/rt_object_02.png',
-  'https://beta.pixijs.com/assets/rt_object_03.png',
-  'https://beta.pixijs.com/assets/rt_object_04.png',
-  'https://beta.pixijs.com/assets/rt_object_05.png',
-  'https://beta.pixijs.com/assets/rt_object_06.png',
-  'https://beta.pixijs.com/assets/rt_object_07.png',
-  'https://beta.pixijs.com/assets/rt_object_08.png',
+  'https://pixijs.com/assets/rt_object_01.png',
+  'https://pixijs.com/assets/rt_object_02.png',
+  'https://pixijs.com/assets/rt_object_03.png',
+  'https://pixijs.com/assets/rt_object_04.png',
+  'https://pixijs.com/assets/rt_object_05.png',
+  'https://pixijs.com/assets/rt_object_06.png',
+  'https://pixijs.com/assets/rt_object_07.png',
+  'https://pixijs.com/assets/rt_object_08.png',
 ]
 
 // create an array of items

docs/examples/textures/render-texture.vue

@@ -17,7 +17,7 @@ const containerRef = ref()
 
 for (let i = 0; i < 25; i++) {
   rabbits.value.push({
-    texture: 'https://beta.pixijs.com/assets/bunny.png',
+    texture: 'https://pixijs.com/assets/bunny.png',
     x: (i % 5) * 30,
     y: Math.floor(i / 5) * 30,
     rotation: Math.random() * Math.PI * 2,

docs/examples/textures/texture-rotate.vue

@@ -37,7 +37,7 @@ function onAssetsLoaded(texture: Texture) {
   }
 }
 
-Assets.load('https://beta.pixijs.com/assets/flowerTop.png').then(onAssetsLoaded)
+Assets.load('https://pixijs.com/assets/flowerTop.png').then(onAssetsLoaded)
 </script>
 
 <template>