fix: state & city inputs not showing if no values are given

Author: vis97c

packages/components-vue/src/components/form/Input.vue

@@ -3,6 +3,7 @@
 		<FormInputOptions
 			v-if="!input.defaults && input.type === eFT.CHOICE"
 			v-slot="{ options }"
+			:key="`options-${input.name}-${md5(String(input.values[0]))}-${input.options.length}`"
 			:input="input"
 		>
 			<div
@@ -298,6 +299,7 @@
 	import { computed, reactive } from "vue";
 	import validator from "validator";
 	import _ from "lodash";
+	import { md5 } from "js-md5";
 
 	import type { iInvalidInput, iSelectOption } from "@open-xamu-co/ui-common-types";
 	import { eFormType as eFT } from "@open-xamu-co/ui-common-enums";

packages/components-vue/src/components/form/InputCountriesAPI.vue

@@ -15,6 +15,7 @@
 				:promise="!!model[1] && unHydrate(getStateCities)"
 				:payload="[countryValue, model[1]]"
 				:no-loader="statesReq.loading"
+				:fallback="[]"
 				unwrap
 			>
 				<slot v-bind="{ statesReq, citiesReq }"></slot>

packages/components-vue/src/components/form/Simple.vue

@@ -22,9 +22,7 @@
 					{{ getSuggestedTitle(input) }}
 				</p>
 				<FormInput
-					:key="`simple-${input.name}-${md5(String(input.values[0]))}-${
-						input.options.length
-					}`"
+					:key="`simple-${input.name}-${input.options.length}`"
 					:readonly="readonly"
 					:theme="theme"
 					:input="input"
@@ -49,7 +47,6 @@
 
 <script setup lang="ts" generic="P extends any[] = any[]">
 	import { computed, ref, watch } from "vue";
-	import { md5 } from "js-md5";
 	import _ from "lodash";
 
 	import type { iInvalidInput } from "@open-xamu-co/ui-common-types";