nuxt-weather-module 1.0.4 → 1.0.6

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.0.0"
   },
-  "version": "1.0.4",
+  "version": "1.0.6",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/DynamicWeather.client.vue

@@ -9,44 +9,16 @@
 </template>
 
 <script setup>
-import { computed, watch } from "vue";
-import { useRuntimeConfig, useLazyAsyncData } from "#app";
+import { computed, ref, onMounted } from "vue";
+import { useRuntimeConfig } from "#app";
 import { $fetch } from "ofetch";
 import { WEATHER_CODE_MAP } from "../utils/constants";
 const status = defineModel("status", { type: String, ...{
-  default: "pending"
+  default: "idle"
 } });
-watch(
-  status,
-  (newStatus) => {
-    if (newStatus === void 0) {
-      status.value = "pending";
-    }
-  },
-  { immediate: true }
-);
 const config = useRuntimeConfig();
 const { latitude, longitude } = config.public.weatherModule;
-const {
-  status: asyncStatus,
-  data,
-  error
-} = await useLazyAsyncData(
-  "weather-icon",
-  () => $fetch(
-    `https://api.open-meteo.com/v1/forecast?latitude=${latitude}&longitude=${longitude}&current_weather=true`
-  )
-);
-watch(
-  asyncStatus,
-  (newStatus) => {
-    status.value = newStatus;
-  },
-  { immediate: true }
-);
-if (error.value) {
-  console.error("Error fetching weather data:", error.value);
-}
+const data = ref(null);
 const setIcon = computed(() => {
   if (!data.value?.current_weather) return "partly-cloudy-day";
   const { weathercode, is_day } = data.value.current_weather;
@@ -54,6 +26,18 @@ const setIcon = computed(() => {
   if (!iconSet) return "partly-cloudy-day";
   return is_day === 1 ? iconSet.day : iconSet.night;
 });
+onMounted(async () => {
+  status.value = "pending";
+  try {
+    data.value = await $fetch(
+      `https://api.open-meteo.com/v1/forecast?latitude=${latitude}&longitude=${longitude}&current_weather=true`
+    );
+    status.value = "success";
+  } catch (error) {
+    console.error("Error fetching weather data:", error);
+    status.value = "error";
+  }
+});
 const iconSize = config.public.weatherModule.iconSize;
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-weather-module",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "A Nuxt module for displaying dynamic weather icons from Open-Meteo API with configurable coordinates",
   "author": "LobergDesign",
   "homepage": "https://github.com/LobergDesign/weather-module#readme",