nuxt-weather-module 1.0.1 → 1.0.4

package/README.md

@@ -1,4 +1,4 @@
-# Weather Module
+# Nuxt Weather Module
 
 [![npm version][npm-version-src]][npm-version-href]
 [![npm downloads][npm-downloads-src]][npm-downloads-href]
@@ -24,7 +24,7 @@ A Nuxt module for displaying dynamic weather icons from the Open-Meteo API.
 Install the module to your Nuxt application with one command:
 
 ```bash
-npx nuxi module add weather-module
+npx nuxi module add nuxt-weather-module
 ```
 
 That's it! You can now use the `DynamicWeather` component in your Nuxt app.
@@ -35,7 +35,7 @@ The module can be configured in your `nuxt.config.ts` file:
 
 ```ts
 export default defineNuxtConfig({
-  modules: ['weather-module'],
+  modules: ['nuxt-weather-module'],
   weatherModule: {
     latitude: 55.676098, // Copenhagen
     longitude: 12.568337, // Copenhagen
@@ -81,10 +81,10 @@ The module exports the following types for use in your application:
 - `CurrentWeatherDetail`
 - `CurrentWeatherUnits`
 
-You can import them from `weather-module`:
+You can import them from `nuxt-weather-module`:
 
 ```ts
-import type { WeatherIcon } from 'weather-module'
+import type { WeatherIcon } from 'nuxt-weather-module'
 ```
 
 ## Notes
@@ -124,14 +124,14 @@ import type { WeatherIcon } from 'weather-module'
 </details>
 
 <!-- Badges -->
-[npm-version-src]: https://img.shields.io/npm/v/weather-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
-[npm-version-href]: https://npmjs.com/package/weather-module
+[npm-version-src]: https://img.shields.io/npm/v/nuxt-weather-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/nuxt-weather-module
 
-[npm-downloads-src]: https://img.shields.io/npm/dm/weather-module.svg?style=flat&colorA=020420&colorB=00DC82
-[npm-downloads-href]: https://npm.chart.dev/weather-module
+[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt-weather-module.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npm.chart.dev/nuxt-weather-module
 
-[license-src]: https://img.shields.io/npm/l/weather-module.svg?style=flat&colorA=020420&colorB=00DC82
-[license-href]: https://npmjs.com/package/weather-module
+[license-src]: https://img.shields.io/npm/l/nuxt-weather-module.svg?style=flat&colorA=020420&colorB=00DC82
+[license-href]: https://npmjs.com/package/nuxt-weather-module
 
 [nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt
 [nuxt-href]: https://nuxt.com

package/dist/module.json

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

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

@@ -1,5 +1,5 @@
 type __VLS_ModelProps = {
-    'status'?: 'idle' | 'pending' | 'success' | 'error';
+    "status"?: "idle" | "pending" | "success" | "error";
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:status": (value: "idle" | "pending" | "success" | "error") => any;

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

@@ -1,6 +1,10 @@
 <template>
   <div>
-    <Icon v-if="status === 'success'" class="dynamic-weather-icon" :name="`weather:${setIcon}`" />
+    <Icon
+      v-if="status === 'success'"
+      class="dynamic-weather-icon"
+      :name="`weather:${setIcon}`"
+    />
   </div>
 </template>
 
@@ -12,17 +16,34 @@ import { WEATHER_CODE_MAP } from "../utils/constants";
 const status = defineModel("status", { type: String, ...{
   default: "pending"
 } });
+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(
+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 });
+watch(
+  asyncStatus,
+  (newStatus) => {
+    status.value = newStatus;
+  },
+  { immediate: true }
+);
 if (error.value) {
   console.error("Error fetching weather data:", error.value);
 }

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

@@ -1,5 +1,5 @@
 type __VLS_ModelProps = {
-    'status'?: 'idle' | 'pending' | 'success' | 'error';
+    "status"?: "idle" | "pending" | "success" | "error";
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:status": (value: "idle" | "pending" | "success" | "error") => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-weather-module",
-  "version": "1.0.1",
+  "version": "1.0.4",
   "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",