fix: docs transition gsap plugin register lose efficacy

hairyf · Jan 13, 2024 · a7fcafb · a7fcafb · vercel · Jan 13, 2024
1 parent 4065a54
commit a7fcafb
Show file tree

Hide file tree

Showing 5 changed files with 276 additions and 648 deletions.
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -246,7 +246,7 @@ export default defineConfig({
     config: md => md.use(mdPlugin),
   },
   vite: {
-    plugins: [unocss()],
+    plugins: [unocss() as any],
     ssr: { noExternal: ['naive-ui', 'gsap'] },
     resolve: {
       alias: [

diff --git a/docs/guide/components/demo/transition.vue b/docs/guide/components/demo/transition.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { Container, Graphics as GraphicsIns, Text } from 'pixi.js'
+import type { Graphics as GraphicsIns } from 'pixi.js'
 
 import { External, PTransition } from 'vue3-pixi'
 import gsap from 'gsap'
@@ -10,13 +10,13 @@ import * as PIXI from 'pixi.js'
 gsap.registerPlugin(PixiPlugin)
 PixiPlugin.registerPIXI(PIXI)
 
-function onBeforeEnter(el: Text) {
+function onBeforeEnter(el: GraphicsIns) {
   nextTick(() => {
     gsap.set(el, { pixi: { alpha: 1, scaleX: 0.25, scaleY: 0.25 } })
   })
 }
 
-function onEnter(el: Container, done: () => void) {
+function onEnter(el: GraphicsIns, done: () => void) {
   gsap.to(el, {
     duration: 1,
     ease: 'elastic.inOut(2.5, 1)',
@@ -25,7 +25,7 @@ function onEnter(el: Container, done: () => void) {
     pixi: { alpha: 1, scaleX: 1, scaleY: 1 },
   })
 }
-function onLeave(el: Container, done: () => void) {
+function onLeave(el: GraphicsIns, done: () => void) {
   gsap.to(el, {
     duration: 0.7,
     pixi: { scaleX: 1, scaleY: 1, x: 350 },

diff --git a/docs/package.json b/docs/package.json
@@ -18,8 +18,8 @@
     "gsap": "^3.11.5",
     "naive-ui": "^2.34.4",
     "nanoid": "^4.0.2",
-    "pixi.js": "^7.2.4",
-    "unocss": "^0.56.0",
+    "pixi.js": "^7.3.2",
+    "unocss": "^0.58.3",
     "vue": "^3.3.4",
     "vue3-pixi": "workspace:^"
   },

diff --git a/packages/vue3-pixi/src/renderer/renderer.ts b/packages/vue3-pixi/src/renderer/renderer.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 import type { Container, DisplayObject } from 'pixi.js'
 
 import type { Renderer as _Renderer } from 'vue-demi'
@@ -16,6 +17,7 @@ export function createRenderer(options: { prefix?: string } = {}) {
   const { createElement, setText, ...nodeOps } = _nodeOps
   const { prefix = 'pixi' } = options
   const rendererOptions = rendererWithCapture({
+    // @ts-expect-error
     createElement: (...args) => createElement(prefix, ...args),
     setElementText: (...args) => setText(prefix, ...args),
     setText: (...args) => setText(prefix, ...args),