diff --git a/docs/.vitepress/theme/components/CatmullRomCurve3Demo.vue b/docs/.vitepress/theme/components/CatmullRomCurve3Demo.vue
index 1db70ca4..48ac8d58 100644
--- a/docs/.vitepress/theme/components/CatmullRomCurve3Demo.vue
+++ b/docs/.vitepress/theme/components/CatmullRomCurve3Demo.vue
@@ -4,9 +4,9 @@ import { CatmullRomCurve3, OrbitControls } from '@tresjs/cientos'
 </script>
 
 <template>
-  <TresCanvas v-bind="{clearColor:'#4f4f4f'}">
+  <TresCanvas v-bind="{ clearColor: '#4f4f4f' }">
     <CatmullRomCurve3
-      :points="[[-1.5,0,0],[-0.5,1,0],[0.5,0,0],[1.5,1,0]]"
+      :points="[[-1.5, 0, 0], [-0.5, 1, 0], [0.5, 0, 0], [1.5, 1, 0]]"
       :segments="40"
       :line-width="10"
       color="#fbb03b"
diff --git a/docs/.vitepress/theme/components/Line2Demo.vue b/docs/.vitepress/theme/components/Line2Demo.vue
index 7078d8a7..c604bb6e 100644
--- a/docs/.vitepress/theme/components/Line2Demo.vue
+++ b/docs/.vitepress/theme/components/Line2Demo.vue
@@ -4,9 +4,9 @@ import { OrbitControls, Line2 } from '@tresjs/cientos'
 </script>
 
 <template>
-  <TresCanvas v-bind="{clearColor:'#4f4f4f'}">
+  <TresCanvas v-bind="{ clearColor: '#4f4f4f' }">
     <Line2
-      :points="[[-0.5, 0,0], [0.5, 0, 0] ,[0, 0.8660,0], [-0.5,0,0] ]"
+      :points="[[-0.5, 0, 0], [0.5, 0, 0], [0, 0.8660, 0], [-0.5, 0, 0]]"
       :line-width="10"
       color="#82dbc5"
     />
diff --git a/playground/src/pages/shapes/Line2Demo.vue b/playground/src/pages/shapes/Line2Demo.vue
index f30ad20c..505f751f 100644
--- a/playground/src/pages/shapes/Line2Demo.vue
+++ b/playground/src/pages/shapes/Line2Demo.vue
@@ -69,7 +69,7 @@ useRenderLoop().onLoop(({ elapsed }) => {
 </script>
 
 <template>
-  <TresCanvas v-bind="{clearColor:'#888'}">
+  <TresCanvas v-bind="{ clearColor: '#888' }">
     <Line2
       :points="points"
     />