login/registration/reset pages

stores/menuStore.ts

@@ -36,7 +36,6 @@ export const useMenuStore = defineStore("menuStore", () => {
   const openMenu = ref(false);
   const openDropDown = ref(false);
 
-
   const defaultMenu = ref();
   const menu = ref<UIMenuItem[]>([]);
   const menuItems = ref<MenuListResponse>();
@@ -45,6 +44,11 @@ export const useMenuStore = defineStore("menuStore", () => {
   const countryList = ref<CountryList[]>();
   const currencies = ref<Currencies[]>();
 
+  // curr/country
+  const selectedCountry = ref();
+  const selectedPhoneCountry = ref();
+  const selectedCurrency = ref<Currencies>();
+
   const loadMenu = async () => {
     try {
       menuItems.value = (await pb
@@ -98,6 +102,8 @@ export const useMenuStore = defineStore("menuStore", () => {
 
       const data = await res.json();
       countryList.value = data.data
+      if (countryList.value)
+        selectedPhoneCountry.value = countryList.value[0]
 
     } catch (error) {
       console.error("getList error:", error);
@@ -121,7 +127,6 @@ export const useMenuStore = defineStore("menuStore", () => {
 
       const data = await res.json();
       currencies.value = data.data.items
-
     } catch (error) {
       console.error("getList error:", error);
     }
@@ -226,6 +231,10 @@ export const useMenuStore = defineStore("menuStore", () => {
     await loadMenu();
     await loadFooter();
   });
+
+  watch(selectedCurrency, () => {
+    store.getCalculator()
+  })
   return {
     menu,
     menuItems,
@@ -234,6 +243,9 @@ export const useMenuStore = defineStore("menuStore", () => {
     openDropDown,
     countryList,
     currencies,
+    selectedCountry,
+    selectedCurrency,
+    selectedPhoneCountry,
     loadMenu,
     loadFooter,
     getCountryList,