#51 feat: logo del sitio editable desde el panel de administración

src/components/StoreLocation.vue

@@ -61,10 +61,12 @@
 import { ref, computed, inject, onMounted, onBeforeUnmount, nextTick } from 'vue';
 import L from 'leaflet';
 import 'leaflet/dist/leaflet.css';
+import { useSettingsStore } from '@/stores/settings';
 
 const api = inject('api');
+const settingsStore = useSettingsStore();
 
-const settings = ref(null);
+const settings = computed(() => settingsStore.settings);
 const mapEl = ref(null);
 
 let map = null;
@@ -125,7 +127,7 @@ function handleResize() {
 
 onMounted(async () => {
   try {
-    settings.value = await api.getStoreSettings();
+    await settingsStore.fetchSettings(api);
     await nextTick();
     initMap();
   } catch (error) {