fix(vue): redo faulty fallback fix

Author: vis97c

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

@@ -122,6 +122,7 @@
 				<FormInputNValues
 					v-else-if="input.type === eFT.PHONE || input.type === eFT.CELLPHONE"
 					v-bind="{ loading, errors, refresh }"
+					:key="indicativesArr.length"
 					:content="!!indicativesArr.length"
 					:model="models[i].value"
 					:values="[2]"
@@ -150,6 +151,7 @@
 					v-else-if="input.type === eFT.LOCATION"
 					v-slot="{ statesReq, citiesReq }"
 					v-bind="{ theme, states, countries, loading, errors, refresh }"
+					:key="`${defaultCountry}-${countriesArr.length}-${statesArr?.length}`"
 					:model="models[i].value"
 				>
 					<SelectFilter

packages/components-vue/src/components/loader/ContentFetch.vue

@@ -2,7 +2,7 @@
 	<BaseErrorBoundary :theme="theme">
 		<LoaderContent
 			v-bind="{
-				content: !!content && patchedIsContent(content) && firstLoad,
+				content: !!content && patchedIsContent(content) && (!!fallback || firstLoad),
 				errors,
 				loading,
 				refresh,
@@ -17,7 +17,7 @@
 			:class="$attrs.class"
 		>
 			<slot
-				v-if="!!content && patchedIsContent(content) && firstLoad"
+				v-if="!!content && patchedIsContent(content) && (!!fallback || firstLoad)"
 				v-bind="{ content, refresh, loading, errors }"
 			></slot>
 		</LoaderContent>
@@ -146,7 +146,6 @@
 			let newData: T | null = null;
 
 			try {
-				if (props.fallback) firstLoad.value = true; // use fallback while the real content loads
 				if (!props.promise && !props.hydratablePromise && !props.url) return null;
 				if (props.preventAutoload) {
 					// is promise like