Test2

resources/js/Pages/IkeaRoot.vue

@@ -18,7 +18,7 @@ const type = 'GeoChart';
 
 
 const ccountry = ref([]);
-const ccountry_filter = ref([ [ 'Currency', 'Country'] ]);
+const ccountry_filter = ref([ [ 'Country' ], ]);
 const ccountry_list = ref(['TEST']);
 const selected = ref(null);
 
@@ -38,14 +38,14 @@ const options = {
 
 const chart_settings={
           packages: ['geochart', 'map'],
-          mapsApiKey: "AIzaSyDnBGCOIEnYT03KNRm0bLJPMr6leyOpdtU",
+          mapsApiKey: "AIzaSyAJaLArHgTmQPMOSogitG-umhZilVIgdNU",
 };
 
 const fetch = async () => {
   try {
     const response = await axios.get(route('ccountry.active'))
     ccountry.value = response.data
-    ccountry_filter.value = ccountry.value.map((country) => [ country.currency_code, country.country_name  ]);
+    ccountry_filter.value = ccountry.value.map((country) => [ country.country_name ]);
     ccountry_list.value = ccountry.value.map((country) => country.country_name );
     
     console.log("TEST=",ccountry_filter.value, ccountry_list.value);
@@ -98,7 +98,7 @@ onMounted(fetch);
     :settings="chart_settings"
   />
 
-  <multiselect
+   <multiselect
       :multiple="true"
       v-model="selected"
       :options="ccountry_list">