fix: make it work with new instance creator logic

packages/cientos/src/core/Text3D.vue

@@ -38,17 +38,16 @@ const props = withDefaults(
     bevelSegments?: number
   }>(),
   {
-    size: 80,
-    height: 5,
-    curveSegments: 12,
+    size: 0.5,
+    height: 0.2,
+    curveSegments: 5,
     bevelEnabled: true,
-    bevelThickness: 10,
-    bevelSize: 8,
+    bevelThickness: 0.05,
+    bevelSize: 0.02,
     bevelOffset: 0,
-    bevelSegments: 5,
+    bevelSegments: 4,
   },
 )
-const renderer = inject<Ref<WebGLRenderer>>('renderer')
 
 const { extend } = useCientos()
 
@@ -85,8 +84,8 @@ const textOptions = computed(() => {
 })
 </script>
 <template>
-  <TresMesh v-if="renderer && font">
+  <TresMesh v-if="font">
     <TresTextGeometry :args="[text, textOptions]" />
-    <TresMeshStandardMaterial />
+    <slot />
   </TresMesh>
 </template>

packages/tres/src/App.vue

@@ -28,10 +28,8 @@ useTweakPane()
         <OrbitControls />
         <TresAmbientLight :intensity="0.5" />
         <!--  <TresOrbitControls v-if="state.renderer" :args="[state.camera, state.renderer?.domElement]" /> -->
-        <Text3D font="https://raw.githubusercontent.com/Tresjs/assets/main/fonts/FiraCodeRegular.json">
-          <TresMeshMatcapMaterial
-            matcap="https://raw.githubusercontent.com/Tresjs/assets/main/textures/matcaps/7.png"
-          />
+        <Text3D text="Awiwi" font="https://raw.githubusercontent.com/Tresjs/assets/main/fonts/FiraCodeRegular.json">
+          <TresMeshNormalMaterial />
         </Text3D>
         <!--   <TestSphere /> -->
         <TresAxesHelper :args="[1]" :visible="false" />

packages/tres/src/components/Text3D.vue

@@ -36,6 +36,6 @@ const matcapTexture = await useTexture(['https://raw.githubusercontent.com/Tresj
 <template>
   <TresMesh>
     <TresTextGeometry :args="['TresJS', { font, ...fontOptions }]" center />
-    <TresMeshMatcapMaterial :matcap="matcapTexture" />
+    <TresMeshNormalMaterial :matcap="matcapTexture" />
   </TresMesh>
 </template>