Merge pull request #64 from Tresjs/bugfix/62-leches-controls-multiply…

…-when-page-is-revisited-in-cientos-docs

fix: remove unique key generation on controls duplicated outside of f…

playground/src/pages/index.vue

@@ -27,10 +27,6 @@ const { test, awiwi } = useControls({ test: true, awiwi: 'awiwi' })
 console.log('test', test)
 console.log('awiwi', awiwi)
 
-useControls({
-  api: true
-})
-
 /* watchEffect(() => {
   console.log('test', test.value)
 })
@@ -114,7 +110,7 @@ const { visible } = useControls({
   console.log('visible', visible.value)
 }) */
 
- useControls('Folder', {
+useControls('Folder', {
   pepe: true,
   slider: {
     value: 0.5,

src/composables/useControls.ts

@@ -56,19 +56,6 @@ export const dispose = (uuid: string = DEFAULT_UUID): void => {
   }
 }
 
-// Helper function to generate a unique key
-const generateUniqueKey = (baseKey: string, controls: any): string => {
-  let suffix = 1
-  let newKey = `${baseKey}_${suffix}`
-
-  while (controls[newKey]) {
-    suffix++
-    newKey = `${baseKey}_${suffix}`
-  }
-
-  return newKey
-}
-
 // eslint-disable-next-line max-len
 export const useControls = (
   folderNameOrParams: string | { [key: string]: any },
@@ -113,11 +100,6 @@ export const useControls = (
     if (folderName) {
       uniqueKey = `${folderName}${key.charAt(0).toUpperCase() + key.slice(1)}`
     }
-    // If the control is not part of a folder and a control with the same key already exists, 
-    // append a numerical suffix to the key
-    if (!folderName && controls[uniqueKey]) {
-      uniqueKey = generateUniqueKey(key, controls)
-    }
 
     // If the value is an object with control options
     if (typeof value === 'object' && !isRef(value) && !Array.isArray(value) && value.value !== undefined) {