From 224ecc4acb44ee0b79eeb50e9ac98b6f3f7cd21a Mon Sep 17 00:00:00 2001
From: Peter <petermoldovia@yahoo.ca>
Date: Thu, 7 Sep 2023 10:29:19 +0200
Subject: [PATCH] feat(Lensflare): fix linter errors

---
 playground/src/pages/LensflareDemo.vue        | 16 +++++++++-------
 src/core/abstractions/Lensflare/component.vue |  6 +++---
 src/core/abstractions/Lensflare/index.ts      |  2 +-
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/playground/src/pages/LensflareDemo.vue b/playground/src/pages/LensflareDemo.vue
index 47b014a4..49863428 100644
--- a/playground/src/pages/LensflareDemo.vue
+++ b/playground/src/pages/LensflareDemo.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { shallowRef } from 'vue'
+import { shallowRef, watch } from 'vue'
 import { TresCanvas, useRenderLoop } from '@tresjs/core'
 import { Levioso, Lensflare, Dodecahedron } from '@tresjs/cientos';
 import { Color, MeshPhongMaterial } from 'three';
@@ -32,7 +32,7 @@ const { onLoop } = useRenderLoop();
 onLoop(() => {
     if (!lightRef.value) return
 
-   if (Math.random() > 0.99) {
+    if (Math.random() > 0.99) {
         lightRef.value.color = new Color(randomColor());
         flarePropsRef.value = getFlareProps()
     }
@@ -213,13 +213,15 @@ const rockMaterial = new MeshPhongMaterial({ color: 0x123141, specular: 0xffffff
 
     watch(() => [
         seedRef.value,
-        oversizeSizeMin.value, oversizeSizeMax.value, oversizeLengthMin.value, oversizeLengthMax.value, 
+        oversizeSizeMin.value, oversizeSizeMax.value, oversizeLengthMin.value, oversizeLengthMax.value,
         oversizeColorA.value, oversizeColorB.value, oversizeColorC.value, oversizeSeed.value,
-        bodySizeMin.value, bodySizeMax.value, bodyLengthMin.value, bodyLengthMax.value, 
+        bodySizeMin.value, bodySizeMax.value, bodyLengthMin.value, bodyLengthMax.value,
         bodyColorA.value, bodyColorB.value, bodyColorC.value, bodySeed.value,
-        frontSizeMin.value, frontSizeMax.value, frontLengthMin.value, frontLengthMax.value, frontOffset.value, frontDistance.value, 
+        frontSizeMin.value, frontSizeMax.value, frontLengthMin.value, frontLengthMax.value, 
+        frontOffset.value, frontDistance.value,
         frontColorA.value, frontColorB.value, frontColorC.value, frontSeed.value,
-        backSizeMin.value, backSizeMax.value, backLengthMin.value, backLengthMax.value, backDistance.value, backOffset.value, 
+        backSizeMin.value, backSizeMax.value, backLengthMin.value, backLengthMax.value, 
+        backDistance.value, backOffset.value,
         backColorA.value, backColorB.value, backColorC.value, backSeed.value,
     ], updateSeedProps);
 
@@ -240,7 +242,7 @@ const rockMaterial = new MeshPhongMaterial({ color: 0x123141, specular: 0xffffff
             </TresPointLight>
         </Levioso>
         <TresPointLight :color="new Color(1, 1, 1)" :intensity="2000" :position="[10, 5, 0]">
-            <Lensflare :seed="seedRef" :seedProps="seedPropsRef" />
+            <Lensflare :seed="seedRef" :seed-props="seedPropsRef" />
         </TresPointLight>
         <Dodecahedron v-for="{ key, position, rotation, scale } in rocks" :key="key" :material="rockMaterial"
             :position="position" :rotation="rotation" :scale="scale" />
diff --git a/src/core/abstractions/Lensflare/component.vue b/src/core/abstractions/Lensflare/component.vue
index 27c1cf52..1518fd9f 100644
--- a/src/core/abstractions/Lensflare/component.vue
+++ b/src/core/abstractions/Lensflare/component.vue
@@ -3,7 +3,7 @@ import { Lensflare, LensflareElement } from 'three/examples/jsm/objects/Lensflar
 import { TextureLoader } from 'three'
 import { watch, shallowRef, onMounted, onUnmounted } from 'vue'
 import { normalizeColor } from '@tresjs/core'
-import { LensflareElementProps, partialLensflarePropsArrayToLensflarePropsArray, SeedProps } from '.'
+import { LensflareElementProps, partialLensflarePropsArrayToLensflarePropsArray as fillInProps, SeedProps } from '.'
 
 const props = withDefaults(
   defineProps<{
@@ -102,11 +102,11 @@ onUnmounted(() => {
 
 onMounted(() => {
   lensflareRef.value?.add(threeLensflare);
-  lensflareElementPropsArray.value = partialLensflarePropsArrayToLensflarePropsArray(props.flare, props.seed, props.seedProps);
+  lensflareElementPropsArray.value = fillInProps(props.flare, props.seed, props.seedProps);
 })
 
 watch(() => [props.flare, props.seed, props.seedProps], () => {
-  lensflareElementPropsArray.value = partialLensflarePropsArrayToLensflarePropsArray(props.flare, props.seed, props.seedProps);
+  lensflareElementPropsArray.value = fillInProps(props.flare, props.seed, props.seedProps);
 })
 
 watch(() => props.scale, () => {
diff --git a/src/core/abstractions/Lensflare/index.ts b/src/core/abstractions/Lensflare/index.ts
index 1329cadc..b6e33464 100644
--- a/src/core/abstractions/Lensflare/index.ts
+++ b/src/core/abstractions/Lensflare/index.ts
@@ -24,7 +24,7 @@ export const partialLensflarePropsArrayToLensflarePropsArray = (
   partialPropsArrayToPropsArray<LensflareElementProps>(
     partialProps,
     seed,
-    (seed) => getSeededLensflareElementProps(seed, seedProps),
+    seed => getSeededLensflareElementProps(seed, seedProps),
     defaultElement,
   )