chore: basic configuration for threejs

packages/stage/src/components/ThreeViewer.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
-
+import { TresCanvas } from '@tresjs/core'
 </script>
 
 <template>
   <div>
-    <h1>3D View</h1>
+    <div>Working in progress</div>
+    <TresCanvas />
   </div>
 </template>

packages/stage/src/main.ts

@@ -1,3 +1,4 @@
+import Tres from '@tresjs/core'
 import NProgress from 'nprogress'
 import { createPinia } from 'pinia'
 import { setupLayouts } from 'virtual:generated-layouts'
@@ -34,4 +35,5 @@ createApp(App)
   .use(router)
   .use(pinia)
   .use(i18n)
+  .use(Tres)
   .mount('#app')

packages/stage/vite.config.ts

@@ -3,6 +3,7 @@ import { copyFile, cp, mkdir } from 'node:fs/promises'
 import path, { join, resolve } from 'node:path'
 
 import VueI18n from '@intlify/unplugin-vue-i18n/vite'
+import { templateCompilerOptions } from '@tresjs/core'
 import Vue from '@vitejs/plugin-vue'
 import { ofetch } from 'ofetch'
 import Unocss from 'unocss/vite'
@@ -53,6 +54,7 @@ export default defineConfig({
       plugins: {
         vue: Vue({
           include: [/\.vue$/, /\.md$/],
+          ...templateCompilerOptions,
         }),
       },
     }),