docs: added package.json to docs and local search

Author: alvarosabu

.gitignore

@@ -23,5 +23,4 @@ dist-ssr
 *.sln
 *.sw?
 docs/.vitepress/dist
-docs/.vitepress/cache
-.vitepress/cache
+docs/.vitepress/cache/deps/*.*

docs/.vitepress/config.ts

@@ -10,6 +10,9 @@ export default defineConfig({
   head: [['link', { rel: 'icon', type: 'image/svg', href: '/favicon.svg' }]],
   themeConfig: {
     logo: '/logo.svg',
+    search: {
+      provider: 'local',
+    },
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       { text: 'Guide', link: '/guide/' },
@@ -90,10 +93,27 @@ export default defineConfig({
     ],
   },
   vite: {
+    optimizeDeps: {
+      exclude: ['vitepress'],
+      include: ['three'],
+    },
+    server: {
+      hmr: {
+        overlay: false,
+      },
+    },
     plugins: [svgLoader(), Unocss()],
     resolve: {
       alias: {
-        '/@': resolve(__dirname, '../../src'),
+        '@tresjs/cientos': resolve(__dirname, '../../dist/trescientos.js'),
+      },
+      dedupe: ['three'],
+    },
+  },
+  vue: {
+    template: {
+      compilerOptions: {
+        isCustomElement: tag => tag.startsWith('Tres') && tag !== 'TresCanvas',
       },
     },
   },

docs/.vitepress/theme/components/Feather.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useGLTF, Levioso } from '/@'
+import { useGLTF, Levioso } from '@tresjs/cientos'
 import { shallowRef } from 'vue'
 import { watchEffect } from 'vue'
 const { scene: feather, nodes } = await useGLTF('/feather.glb')

docs/.vitepress/theme/components/LeviosoDemo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { TresCanvas } from '@tresjs/core'
-import { OrbitControls, Levioso, GLTFModel } from '/@'
+import { OrbitControls, Levioso, GLTFModel } from '@tresjs/cientos'
 import { BasicShadowMap, SRGBColorSpace, NoToneMapping } from 'three'
 import Feather from './Feather.vue'
 

docs/.vitepress/theme/components/WobbleMaterial.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { TresCanvas } from '@tresjs/core'
-import { OrbitControls, MeshWobbleMaterial } from '/@'
+import { OrbitControls, MeshWobbleMaterial } from '@tresjs/cientos'
 import { BasicShadowMap, SRGBColorSpace, NoToneMapping } from 'three'
 
 const gl = {

docs/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "docs",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vitepress dev",
+    "build": "vitepress build",
+    "preview": "vitepress preview"
+  },
+  "devDependencies": {
+    "unocss": "^0.51.13",
+    "vite-svg-loader": "^4.0.0",
+    "vitepress": "1.0.0-alpha.75"
+  }
+}

docs/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "lib": ["DOM", "ESNext"],
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "jsx": "preserve",
+    "noUnusedLocals": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "forceConsistentCasingInFileNames": true,
+    "types": ["vite/client"]
+  },
+  "exclude": ["dist", "node_modules"]
+}

docs/vite.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import Unocss from 'unocss/vite'
+import svgLoader from 'vite-svg-loader'
+
+export default defineConfig({
+  plugins: [svgLoader(), Unocss()],
+})