chore: add playground to docs and update pnpm

docs/.vitepress/config.ts

@@ -110,6 +110,10 @@ export default defineConfig({
           },
         ],
       },
+      {
+        text: 'Playground',
+        link: 'https://playground.tresjs.org/'
+      }
     ],
     socialLinks: [
       { icon: 'github', link: 'https://github.com/tresjs/tres' },

docs/guide/index.md

@@ -39,11 +39,8 @@ yarn add @types/three -D
 ```bash [pnpm]
 pnpm add @types/three -D
 ```
-
 :::
 
-
-
 ## Try it online
 
 We have a brand new [StackBlitz](https://stackblitz.com/) starter to try TresJS online. Check it out:
@@ -52,6 +49,12 @@ We have a brand new [StackBlitz](https://stackblitz.com/) starter to try TresJS
 
 <StackBlitzEmbed projectId="tresjs-basic" />
 
+## Playground
+
+We also have a playground where you can try TresJS online. Check it out [here](https://playground.tresjs.org/).
+
+![](/public/playground.png)
+
 ## Motivation
 
 [ThreeJS](https://threejs.org/) is a wonderful library to create awesome **WebGL** 3D websites. Is also a constantly updated library that makes hard for wrapper maintainers like [TroisJS](https://troisjs.github.io/) to keep up with all the enhancements.

package.json

@@ -62,7 +62,7 @@
   },
   "dependencies": {
     "@alvarosabu/utils": "^3.1.1",
-    "@vueuse/core": "^10.1.2"
+    "@vueuse/core": "^10.2.0"
   },
   "devDependencies": {
     "@alvarosabu/prettier-config": "^1.3.0",
@@ -71,15 +71,15 @@
     "@stackblitz/sdk": "^1.9.0",
     "@tresjs/cientos": "2.1.4",
     "@types/three": "^0.152.1",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "@typescript-eslint/parser": "^5.59.11",
+    "@typescript-eslint/eslint-plugin": "^5.60.0",
+    "@typescript-eslint/parser": "^5.60.0",
     "@vitejs/plugin-vue": "^4.2.3",
-    "@vitest/coverage-c8": "^0.32.0",
-    "@vitest/ui": "^0.32.0",
-    "@vue/test-utils": "^2.3.2",
-    "eslint": "^8.42.0",
+    "@vitest/coverage-c8": "^0.32.2",
+    "@vitest/ui": "^0.32.2",
+    "@vue/test-utils": "^2.4.0",
+    "eslint": "^8.43.0",
     "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-vue": "^9.14.1",
+    "eslint-plugin-vue": "^9.15.1",
     "gsap": "^3.12.1",
     "jsdom": "^22.1.0",
     "kolorist": "^1.8.0",
@@ -90,17 +90,17 @@
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-visualizer": "^5.9.2",
     "three": "^0.153.0",
-    "unocss": "^0.53.1",
+    "unocss": "^0.53.3",
     "unplugin": "^1.3.1",
     "unplugin-vue-components": "^0.25.1",
     "vite": "^4.3.9",
     "vite-plugin-banner": "^0.7.0",
     "vite-plugin-dts": "2.3.0",
-    "vite-plugin-inspect": "^0.7.28",
+    "vite-plugin-inspect": "^0.7.29",
     "vite-plugin-require-transform": "^1.0.17",
     "vite-svg-loader": "^4.0.0",
     "vitepress": "1.0.0-beta.2",
-    "vitest": "^0.32.0",
+    "vitest": "^0.32.2",
     "vue": "^3.3.4",
     "vue-demi": "^0.14.5"
   }