feat: added comments for debugging

src/lib/components/gltf/Github3d.svelte

@@ -1,29 +1,29 @@
+<!-- src/lib/components/gltf/Github3d.svelte -->
+
 <!--
 Auto-generated by: https://github.com/threlte/threlte/tree/main/packages/gltf
 Command: npx @threlte/gltf@1.0.0-next.13 ./src/lib/assets/vectors/github.glb --transform
 -->
 
 <script>
-	import { Group } from 'three';
-	import { T, forwardEventHandlers } from '@threlte/core';
-	import { useGltf } from '@threlte/extras';
-	export const ref = new Group();
+  import { Group } from 'three'
+  import { T, forwardEventHandlers } from '@threlte/core'
+  import { useGltf } from '@threlte/extras'
+  export const ref = new Group()
 
-	const gltf = useGltf('./github-transformed.glb', { useDraco: true });
+  const gltf = useGltf('./github-transformed.glb', { useDraco: true })
 
-	const component = forwardEventHandlers();
+  const component = forwardEventHandlers()
 </script>
 
 <T is={ref} dispose={false} {...$$restProps} bind:this={$component}>
-	{#await gltf}
-		<slot name="fallback" />
-	{:then gltf}
-		<T.Mesh geometry={gltf.nodes.Github_Mesh.geometry}
-			><T.MeshPhysicalMaterial color={[0,0,0]} /></T.Mesh
-		>
-	{:catch error}
-		<slot name="error" {error} />
-	{/await}
+  {#await gltf}
+    <slot name="fallback" />
+  {:then gltf}
+    <T.Mesh geometry={gltf.nodes.Github_Mesh.geometry} material={gltf.materials['SVGMat.001']} />
+  {:catch error}
+    <slot name="error" {error} />
+  {/await}
 
-	<slot {ref} />
+  <slot {ref} />
 </T>

src/routes/tools/+page.svelte

@@ -1,3 +1,4 @@
+<!-- src/routes/tools/+page.svelte -->
 <script lang="ts">
 	import { Canvas } from '@threlte/core';
 	import Scene from './Scene.svelte';

src/routes/tools/Scene.svelte

@@ -1,3 +1,4 @@
+<!-- src/routes/tools/Scene.svelte -->
 <script>
 	import Github3d from '$lib/components/gltf/Github3d.svelte';
 	import { T, useFrame } from '@threlte/core';