fix(KvCheckbox, KvRadio, KvSwitch): Avoid SSR problems when setting t…

…he UUID
kiva · Sep 30, 2021 · 16f1cb8 · 16f1cb8
1 parent 597410f
commit 16f1cb8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/@kiva/kv-components/vue/KvCheckbox.vue b/@kiva/kv-components/vue/KvCheckbox.vue
@@ -96,7 +96,7 @@ export default {
 	},
 	data() {
 		return {
-			uuid: `kvc-${nanoid(10)}`,
+			uuid: '',
 			isChecked: false,
 		};
 	},
@@ -119,6 +119,9 @@ export default {
 	created() {
 		this.setChecked();
 	},
+	mounted() {
+		this.uuid = `kvc-${nanoid(10)}`;
+	},
 	methods: {
 		onChange(event) {
 			// get the input[type=checkbox] state

diff --git a/@kiva/kv-components/vue/KvRadio.vue b/@kiva/kv-components/vue/KvRadio.vue
@@ -126,7 +126,7 @@ export default {
 	},
 	data() {
 		return {
-			uuid: `kvr-${nanoid(10)}`,
+			uuid: '',
 		};
 	},
 	computed: {
@@ -146,6 +146,9 @@ export default {
 			};
 		},
 	},
+	mounted() {
+		this.uuid = `kvr-${nanoid(10)}`;
+	},
 	methods: {
 		onChange(event) {
 			/**

diff --git a/@kiva/kv-components/vue/KvSwitch.vue b/@kiva/kv-components/vue/KvSwitch.vue
@@ -90,7 +90,7 @@ export default {
 	},
 	data() {
 		return {
-			uuid: `kvs-${nanoid(10)}`,
+			uuid: '',
 		};
 	},
 	computed: {
@@ -104,6 +104,9 @@ export default {
 			};
 		},
 	},
+	mounted() {
+		this.uuid = `kvs-${nanoid(10)}`;
+	},
 	methods: {
 		onChange(event) {
 			this.$emit('change', event.target.checked);