feat: add documentation and remove console log

colinscz · colinscz · commit 88c7abc9d5ce · 2025-10-09T07:52:03.000+02:00
diff --git a/apps/docs/content/1.getting-started/1.index.md b/apps/docs/content/1.getting-started/1.index.md
@@ -53,3 +53,12 @@ You can write declarative Vue components:
 ```
 
 This approach **reduces the learning curve** significantly while preserving all the power and flexibility of Three.js.
+
+### Component Name Casing
+
+Throughout the guide, we are using PascalCase names when registering components.
+::read-more{to="https://vuejs.org/guide/components/registration.html#component-name-casing"}
+::
+
+Tres also supports the usage of kebab-case for its components. If you want to use the kebab-case notation in combination with the TresJS eslint config, you should deactivate the rule
+`vue/component-name-in-template-casing` in your eslint configuration.
diff --git a/packages/core/src/core/nodeOps.ts b/packages/core/src/core/nodeOps.ts
@@ -24,7 +24,6 @@ export const nodeOps: (context: TresContext) => RendererOptions<TresObject, Tres
     if (tag.includes('-')) {
         tag = tag.replace(/-([a-z])/g, (_, c) => c.toUpperCase())
             .replace(/^[a-z]/, c => c.toUpperCase())
-        console.warn('Tag output after kebabToCamel', tag)
     }
     let name = tag.replace('Tres', '')
     let obj: TresObject | null

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,6 @@ export const nodeOps: (context: TresContext) => RendererOptions<TresObject, Tres`
`24`	`24`	`if (tag.includes('-')) {`
`25`	`25`	`tag = tag.replace(/-([a-z])/g, (_, c) => c.toUpperCase())`
`26`	`26`	`.replace(/^[a-z]/, c => c.toUpperCase())`
`27`		`- console.warn('Tag output after kebabToCamel', tag)`
`28`	`27`	`}`
`29`	`28`	`let name = tag.replace('Tres', '')`
`30`	`29`	`let obj: TresObject \| null`