fix: 785 vscode intellisense autocompletion not getting tres componen…

…ts props (#809)

* ci: use checkout action  v4

* fix(types): remove generic from VueProps and Vnodes

* chore(lint): disable annoying lint issues

* fix: remove props overwrite to any on instance props type

* fix(types): solved issue with vector and math representation types

* fix(types): keep the export inside of the global namespace

.github/workflows/pkg.pr.new.yml

@@ -25,7 +25,7 @@ jobs:
         node-version: [20]
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - run: corepack enable
       - uses: actions/setup-node@v4

docs/advanced/performance.md

@@ -143,10 +143,9 @@ To avoid errors and unwanted sideeffects, resources created programatically with
   import { dispose } from '@tresjs/core'
   import { useGLTF } from '@tresjs/cientos'
 
-  const { nodes } = await useGLTF(
-    'https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb',
-    { draco: true },
-  )
+  const { nodes } = await useGLTF('https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb', {
+    draco: true,
+  })
   const model = nodes.Cube
 
   onUnmounted(() => {

docs/advanced/primitive.md

@@ -32,11 +32,7 @@ The same pointer events available on the TresJS components are available on the
 
 ```html
 <template>
-  <primitive
-    :object="meshWithMaterial"
-    @click="onClick"
-    @pointermove="onPointerMove"
-  />
+  <primitive :object="meshWithMaterial" @click="onClick" @pointermove="onPointerMove" />
 </template>
 ```
 

package.json

@@ -78,43 +78,43 @@
   "devDependencies": {
     "@release-it/conventional-changelog": "^8.0.1",
     "@stackblitz/sdk": "^1.11.0",
-    "@tresjs/cientos": "3.9.0",
+    "@tresjs/cientos": "4.0.2",
     "@tresjs/eslint-config": "^1.1.0",
-    "@types/three": "^0.166.0",
-    "@typescript-eslint/eslint-plugin": "^7.16.0",
-    "@typescript-eslint/parser": "^7.16.0",
+    "@types/three": "^0.168.0",
+    "@typescript-eslint/eslint-plugin": "^8.4.0",
+    "@typescript-eslint/parser": "^8.4.0",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vitest/coverage-c8": "^0.33.0",
     "@vitest/coverage-v8": "^2.0.2",
     "@vitest/ui": "^2.0.2",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^9.6.0",
-    "eslint-plugin-vue": "^9.27.0",
+    "eslint-plugin-vue": "^9.28.0",
     "esno": "^4.7.0",
     "gsap": "^3.12.5",
     "husky": "^9.0.11",
-    "jsdom": "^24.1.0",
+    "jsdom": "^25.0.0",
     "kolorist": "^1.8.0",
     "ohmyfetch": "^0.4.21",
     "pathe": "^1.1.2",
     "release-it": "^17.5.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-visualizer": "^5.12.0",
-    "sponsorkit": "^0.14.6",
-    "three": "^0.166.1",
-    "unocss": "^0.61.3",
-    "unplugin": "^1.11.0",
+    "sponsorkit": "^0.15.4",
+    "three": "^0.168.0",
+    "unocss": "^0.62.3",
+    "unplugin": "^1.13.1",
     "unplugin-vue-components": "^0.27.2",
-    "vite": "^5.3.3",
-    "vite-plugin-banner": "^0.7.1",
-    "vite-plugin-dts": "3.9.1",
+    "vite": "^5.4.3",
+    "vite-plugin-banner": "^0.8.0",
+    "vite-plugin-dts": "4.1.0",
     "vite-plugin-inspect": "^0.8.4",
     "vite-plugin-require-transform": "^1.0.21",
     "vite-svg-loader": "^5.1.0",
-    "vitepress": "1.3.0",
+    "vitepress": "1.3.4",
     "vitest": "^2.0.2",
-    "vue": "^3.4.31",
+    "vue": "3.5.0",
     "vue-demi": "^0.14.8"
   }
 }

playground/vue/.eslintrc-auto-import.json

@@ -4,6 +4,9 @@
     "ComponentPublicInstance": true,
     "ComputedRef": true,
     "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
     "InjectionKey": true,
     "PropType": true,
     "Ref": true,
@@ -59,9 +62,6 @@
     "watch": true,
     "watchEffect": true,
     "watchPostEffect": true,
-    "watchSyncEffect": true,
-    "ExtractDefaultPropTypes": true,
-    "ExtractPropTypes": true,
-    "ExtractPublicPropTypes": true
+    "watchSyncEffect": true
   }
 }

playground/vue/package.json

@@ -9,17 +9,17 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tresjs/cientos": "3.9.0",
+    "@tresjs/cientos": "4.0.2",
     "@tresjs/core": "workspace:^",
-    "vue-router": "^4.4.0"
+    "vue-router": "^4.4.3"
   },
   "devDependencies": {
     "@tresjs/leches": "0.15.0-next.3",
     "@tweakpane/plugin-essentials": "^0.2.0",
-    "unplugin-auto-import": "^0.18.0",
+    "unplugin-auto-import": "^0.18.2",
     "vite-plugin-glsl": "^1.2.1",
     "vite-plugin-qrcode": "^0.2.3",
-    "vite-plugin-vue-devtools": "7.3.5",
-    "vue-tsc": "^2.0.26"
+    "vite-plugin-vue-devtools": "7.4.3",
+    "vue-tsc": "^2.1.4"
   }
 }

playground/vue/src/pages/basic/index.vue

@@ -53,10 +53,9 @@ const toonTealMaterial = new MeshToonMaterial({
     v-if="sphereExists"
     ref="canvasRef"
     v-bind="state"
-    @render="onRender"
   >
     <TresPerspectiveCamera
-      :position="[11, 11, 11]"
+      :position="[0, 8, 8]"
       :fov="45"
       :near="0.1"
       :far="1000"

playground/vue/src/pages/issues/701/TheExperience.vue

@@ -81,6 +81,7 @@ const tOrFFast = shallowRef(false)
 const elapsed = shallowRef(0)
 
 const pool: {
+  // eslint-disable-next-line ts/no-unsafe-function-type
   click: Function
   pos: number[]
   group: Group

playground/vue/tsconfig.json

@@ -7,7 +7,7 @@
     "module": "ESNext",
     "moduleResolution": "bundler",
     "paths": {
-      "@tresjs/core": ["../../dist"]
+      "@tresjs/core": ["../../src"]
     },
     "resolveJsonModule": true,
     "strict": true,