@burh/nuxt-core 1.0.372 → 1.0.373

package/components/burh-ds/Modals/AddCustomerModal.vue

@@ -105,8 +105,8 @@
 									placeholder="Cidade"
 									filterable
 									remote
-									:remote-method="getCityList"
-									:auto-complete="`${city}-new`"
+									:remote-method="getCityListFiltered"
+									:auto-complete="`new-${city}`"
 									:error="errors[0]"
 									:valid="errors.length ? true : false"
 									:loading="isSelectLoading"
@@ -116,13 +116,11 @@
 									</div>
 
 									<el-option
-										v-for="city in cityList"
+										v-for="city in cityListFiltered"
 										:key="city.value"
 										:value="city.value"
 										:label="city.value"
-									>
-										{{ city.value }}
-									</el-option>
+									/>
 								</el-select>
 							</div>
 						</validation-provider>
@@ -234,6 +232,7 @@ export default {
 			isEditing: false,
 			isSelectLoading: false,
 			cityList: [],
+			cityListFiltered: [],
 			permissions: false,
 			permessionsData: [
 				{
@@ -280,29 +279,21 @@ export default {
 				title: message,
 			});
 		},
-		async getCityList(query) {
-			const getCityData  = async ()=> {
-				return await fetch('https://raw.githubusercontent.com/Skuth/cidades-com-estados-brasil/main/cidades.json')
-					.then(res => res.json())
-					.catch(() => {});
-			};
-
+		async getCityList() {
+			this.cityList = await fetch('https://raw.githubusercontent.com/Skuth/cidades-com-estados-brasil/main/cidades.json')
+				.then(res => res.json())
+				.catch(() => {});
+		},
+		getCityListFiltered(query) {
 			if (query && query.length > 3) {
-				this.isSelectLoading = true;
-
-				let cityList = await getCityData();
-
-				cityList = cityList.filter(city => String(city.city).toLowerCase().startsWith(query.toLowerCase()));
-
-				this.cityList = cityList.map(city => {
+				this.cityListFiltered = this.cityList.filter(city => String(city.city).toLowerCase().startsWith(query.toLowerCase()));
+				this.cityListFiltered = this.cityListFiltered.map(city => {
 					return {
 						value: `${city.city} / ${city.uf}`
 					};
 				});
-
-				this.isSelectLoading = false;
-			} else if (this.cityList.length > 0 && query.length <= 3) {
-				this.cityList = [];
+			} else {
+				this.cityListFiltered = [];
 			}
 		},
 		async checkZipcode() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burh/nuxt-core",
-  "version": "1.0.372",
+  "version": "1.0.373",
   "description": "Design System and Components.",
   "author": "Burh",
   "scripts": {