chore: repo improvements and automerge (#434)

* chore: update deps

* chore: fix lint issues docs

* chore: run dev serve playground and qr code for mobile check

* chore: fix lint

* ci: updated actions to v4

* chore: update pnpm version

.github/workflows/lint.yml

@@ -14,13 +14,13 @@ jobs:
         node-version: [16]
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Setup pnpm
         uses: pnpm/action-setup@v2
         with:
           version: 8
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
           cache: 'pnpm'

.github/workflows/test.yml

@@ -14,13 +14,13 @@ jobs:
         node-version: [16]
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: Setup pnpm
         uses: pnpm/action-setup@v2
         with:
           version: 8
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
           cache: 'pnpm'

docs/.vitepress/theme/TresLayout.vue

@@ -1,8 +1,8 @@
 <script setup>
-import DefaultTheme from 'vitepress/theme'
+import Theme from 'vitepress/theme'
 import LoveVueThreeJS from './components/LoveVueThreeJS.vue'
 
-const { Layout } = DefaultTheme
+const { Layout } = Theme
 </script>
 
 <template>

docs/.vitepress/theme/index.ts

@@ -1,7 +1,7 @@
 import 'uno.css'
 
 // .vitepress/theme/index.ts
-import DefaultTheme from 'vitepress/theme'
+import Theme from 'vitepress/theme'
 import './config.css'
 
 import TresLayout from './TresLayout.vue'
@@ -18,10 +18,10 @@ import TresLayout from './TresLayout.vue'
 }) */
 
 export default {
-  ...DefaultTheme,
+  ...Theme,
 
   enhanceApp(ctx) {
-    DefaultTheme.enhanceApp(ctx)
+    Theme.enhanceApp(ctx)
     /* ctx.app.use(plausible) */
   },
   Layout: TresLayout,

docs/package.json

@@ -12,7 +12,7 @@
     "@tresjs/core": "workspace:^3.1.1"
   },
   "devDependencies": {
-    "unocss": "^0.54.0",
+    "unocss": "^0.57.2",
     "vite-svg-loader": "^4.0.0"
   }
 }

package.json

@@ -2,7 +2,7 @@
   "name": "@tresjs/core",
   "type": "module",
   "version": "3.5.0",
-  "packageManager": "pnpm@8.3.1",
+  "packageManager": "pnpm@8.10.2",
   "description": "Declarative ThreeJS using Vue Components",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
   "license": "MIT",
@@ -45,6 +45,7 @@
     "access": "public"
   },
   "scripts": {
+    "dev": "cd playground && npm run dev",
     "build": "vite build",
     "playground": "cd playground && npm run dev",
     "test": "vitest",
@@ -65,49 +66,49 @@
   },
   "dependencies": {
     "@alvarosabu/utils": "^3.1.1",
-    "@vueuse/core": "^10.3.0"
+    "@vueuse/core": "^10.5.0"
   },
   "devDependencies": {
     "@alvarosabu/prettier-config": "^1.3.0",
     "@huntersofbook/plausible-vue": "^1.0.0",
-    "@release-it/conventional-changelog": "^7.0.0",
+    "@release-it/conventional-changelog": "^7.0.2",
     "@stackblitz/sdk": "^1.9.0",
-    "@tresjs/cientos": "3.1.0",
-    "@tresjs/eslint-config-vue": "^0.2.0",
-    "@types/three": "^0.155.1",
-    "@typescript-eslint/eslint-plugin": "^6.4.1",
-    "@typescript-eslint/parser": "^6.4.1",
-    "@vitejs/plugin-vue": "^4.3.3",
+    "@tresjs/cientos": "3.5.1",
+    "@tresjs/eslint-config-vue": "^0.2.1",
+    "@types/three": "^0.158.1",
+    "@typescript-eslint/eslint-plugin": "^6.9.1",
+    "@typescript-eslint/parser": "^6.9.1",
+    "@vitejs/plugin-vue": "^4.4.0",
     "@vitest/coverage-c8": "^0.33.0",
-    "@vitest/ui": "^0.34.2",
+    "@vitest/ui": "^0.34.6",
     "@vue/test-utils": "^2.4.1",
-    "eslint": "^8.47.0",
+    "eslint": "^8.53.0",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-vue": "^9.17.0",
+    "eslint-plugin-vue": "^9.18.1",
     "esno": "^0.17.0",
     "gsap": "^3.12.2",
     "jsdom": "^22.1.0",
     "kolorist": "^1.8.0",
     "ohmyfetch": "^0.4.21",
     "pathe": "^1.1.1",
-    "prettier": "^3.0.2",
-    "release-it": "^16.1.5",
+    "prettier": "^3.0.3",
+    "release-it": "^16.2.1",
     "rollup-plugin-analyzer": "^4.0.0",
-    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-visualizer": "^5.9.2",
-    "three": "^0.155.0",
-    "unocss": "^0.54.0",
-    "unplugin": "^1.4.0",
-    "unplugin-vue-components": "^0.25.1",
-    "vite": "^4.4.9",
-    "vite-plugin-banner": "^0.7.0",
-    "vite-plugin-dts": "3.5.2",
-    "vite-plugin-inspect": "^0.7.38",
+    "three": "^0.158.0",
+    "unocss": "^0.57.2",
+    "unplugin": "^1.5.0",
+    "unplugin-vue-components": "^0.25.2",
+    "vite": "^4.5.0",
+    "vite-plugin-banner": "^0.7.1",
+    "vite-plugin-dts": "3.6.3",
+    "vite-plugin-inspect": "^0.7.41",
     "vite-plugin-require-transform": "^1.0.21",
     "vite-svg-loader": "^4.0.0",
-    "vitepress": "1.0.0-rc.4",
-    "vitest": "^0.34.2",
-    "vue": "^3.3.4",
-    "vue-demi": "^0.14.5"
+    "vitepress": "1.0.0-rc.24",
+    "vitest": "^0.34.6",
+    "vue": "^3.3.7",
+    "vue-demi": "^0.14.6"
   }
 }

playground/.eslintrc-auto-import.json

@@ -59,6 +59,9 @@
     "watch": true,
     "watchEffect": true,
     "watchPostEffect": true,
-    "watchSyncEffect": true
+    "watchSyncEffect": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true
   }
 }

playground/auto-imports.d.ts

@@ -61,5 +61,5 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
 }

playground/package.json

@@ -4,19 +4,20 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "vue-tsc && vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@tresjs/cientos": "3.3.0",
-    "vue-router": "^4.2.4"
+    "@tresjs/cientos": "3.5.1",
+    "vue-router": "^4.2.5"
   },
   "devDependencies": {
-    "@tresjs/leches": "^0.9.1",
+    "@tresjs/leches": "^0.13.0",
     "@tweakpane/plugin-essentials": "^0.2.0",
-    "unplugin-auto-import": "^0.16.6",
+    "unplugin-auto-import": "^0.16.7",
     "vite-plugin-glsl": "^1.1.2",
-    "vue-tsc": "^1.8.11"
+    "vite-plugin-qrcode": "^0.2.2",
+    "vue-tsc": "^1.8.22"
   }
 }

playground/vite.config.ts

@@ -6,6 +6,7 @@ import Components from 'unplugin-vue-components/vite'
 import glsl from 'vite-plugin-glsl'
 import UnoCSS from 'unocss/vite'
 import { templateCompilerOptions } from '@tresjs/core'
+import { qrcode } from 'vite-plugin-qrcode'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -30,6 +31,7 @@ export default defineConfig({
     UnoCSS({
       /* options */
     }),
+    qrcode(), // only applies in dev mode
   ],
   resolve: {
     alias: {

renovate.json

@@ -2,5 +2,12 @@
   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
   "extends": [
     "config:base"
+  ],
+  "packageRules": [
+    {
+      "matchUpdateTypes": ["minor", "patch"],
+      "matchCurrentVersion": "!/^0/",
+      "automerge": true
+    }
   ]
 }