Merge pull request #14 from swoga/fix-unique-ids

fix: use uuid to generate ids

Author: dafcoe

package.json

@@ -58,5 +58,9 @@
     "typescript": "~3.9.3",
     "vue": "^3.0.0"
   },
-  "private": false
+  "private": false,
+  "dependencies": {
+    "@types/uuid": "^8.3.0",
+    "uuid": "^8.3.2"
+  }
 }

src/components/VueCollapsiblePanel.vue

@@ -49,6 +49,7 @@
 </template>
 
 <script lang="ts">
+import { v4 as uuid } from 'uuid'
 import {
   computed,
   defineComponent,
@@ -70,7 +71,7 @@ export default defineComponent({
     },
   },
   setup(props, context) {
-    const idPanel = `panel-${Date.now()}`
+    const idPanel = `panel-${uuid()}`
     const panelRef = ref<HTMLElement>()
     const bodyRef = ref<HTMLElement>()
     const bodyContentRef = ref<HTMLElement>()
@@ -83,7 +84,7 @@ export default defineComponent({
     const body = computed(
       () => ({
         hasContent: context.slots.content && (context.slots.content()[0].children as VNodeArrayChildren).length > 0,
-        dataKey: Date.now(),
+        dataKey: uuid(),
       }),
     )
 

src/components/VueCollapsiblePanelGroup.vue

@@ -9,6 +9,7 @@
 </template>
 
 <script lang="ts">
+import { v4 as uuid } from 'uuid'
 import {
   defineComponent,
   ref,
@@ -29,7 +30,7 @@ export default defineComponent({
     },
   },
   setup(props) {
-    const idGroup = ref(`group-${Date.now()}`)
+    const idGroup = ref(`group-${uuid()}`)
     const { setGroupAccordionStatus } = useCollapsiblePanelStore()
     const cssColorVars = {
       '--base-color': props.baseColor,

yarn.lock

@@ -1075,6 +1075,11 @@
   dependencies:
     source-map "^0.6.1"
 
+"@types/uuid@^8.3.0":
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-8.3.0.tgz#215c231dff736d5ba92410e6d602050cce7e273f"
+  integrity sha512-eQ9qFW/fhfGJF8WKHGEHZEyVWfZxrT+6CLIJGBcZPfxUh/+BnEj+UCGYMlr9qZuX/2AltsvwrGqp0LhEW8D0zQ==
+
 "@types/webpack-dev-server@^3.11.0":
   version "3.11.2"
   resolved "https://registry.yarnpkg.com/@types/webpack-dev-server/-/webpack-dev-server-3.11.2.tgz#73915a7d9e0a9b5e010a2388a46f68ab3f770ef8"
@@ -9261,6 +9266,11 @@ uuid@^3.3.2, uuid@^3.4.0:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
+uuid@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
+  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
+
 v8-compile-cache@^2.0.3:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"