diff --git a/.nuxt/imports.d.ts b/.nuxt/imports.d.ts
index e483c7c..408a49e 100644
--- a/.nuxt/imports.d.ts
+++ b/.nuxt/imports.d.ts
@@ -40,4 +40,5 @@ export { useTimer } from '../node_modules/@nuxt/ui/dist/runtime/composables/useT
 export { useToast } from '../node_modules/@nuxt/ui/dist/runtime/composables/useToast';
 export { useUI } from '../node_modules/@nuxt/ui/dist/runtime/composables/useUI';
 export { useColorMode } from '../node_modules/@nuxtjs/color-mode/dist/runtime/composables';
+export { useNuxtDevTools } from '../node_modules/@nuxt/devtools/dist/runtime/use-nuxt-devtools';
 export { definePageMeta } from '../node_modules/nuxt/dist/pages/runtime/composables';
\ No newline at end of file
diff --git a/.nuxt/nuxt.d.ts b/.nuxt/nuxt.d.ts
index 5f3739c..4639ebc 100644
--- a/.nuxt/nuxt.d.ts
+++ b/.nuxt/nuxt.d.ts
@@ -1,7 +1,7 @@
 // Generated by nuxi
 /// <reference types="@nuxt/ui" />
-/// <reference types="@nuxt/telemetry" />
 /// <reference types="@nuxt/devtools" />
+/// <reference types="@nuxt/telemetry" />
 /// <reference types="nuxt" />
 /// <reference path="types/app-defaults.d.ts" />
 /// <reference path="types/plugins.d.ts" />
diff --git a/.nuxt/tailwind.config.cjs b/.nuxt/tailwind.config.cjs
index e732681..51b4b72 100644
--- a/.nuxt/tailwind.config.cjs
+++ b/.nuxt/tailwind.config.cjs
@@ -1,4 +1,4 @@
-// generated by the @nuxtjs/tailwindcss <https://github.com/nuxt-modules/tailwindcss> module at 27/09/2024, 13:31:17
+// generated by the @nuxtjs/tailwindcss <https://github.com/nuxt-modules/tailwindcss> module at 27/09/2024, 13:45:43
 const configMerger = require("/Users/mariojosegoes/Documents/YoyoWeather/node_modules/@nuxtjs/tailwindcss/dist/runtime/merger.js");
 
 const inlineConfig = {"content":[],"theme":{"extend":{}},"plugins":[],"darkMode":"class"};
diff --git a/.nuxt/tsconfig.json b/.nuxt/tsconfig.json
index be6d469..190485d 100644
--- a/.nuxt/tsconfig.json
+++ b/.nuxt/tsconfig.json
@@ -105,7 +105,7 @@
         "./tailwind.config/*"
       ],
       "#app-manifest": [
-        "./manifest/meta/660388cc-839a-4c43-af0b-1cc2e9587a54.json"
+        "./manifest/meta/dev.json"
       ],
       "#build": [
         "."
diff --git a/.nuxt/types/build.d.ts b/.nuxt/types/build.d.ts
index bac3c92..b86ee6a 100644
--- a/.nuxt/types/build.d.ts
+++ b/.nuxt/types/build.d.ts
@@ -12,6 +12,7 @@ declare module "#build/root-component.mjs";
 declare module "#build/plugins/server.mjs";
 declare module "#build/test-component-wrapper.mjs";
 declare module "#build/color-mode-options.mjs";
+declare module "#build/devtools/settings.mjs";
 declare module "#build/routes.mjs";
 declare module "#build/pages.mjs";
 declare module "#build/router.options.mjs";
diff --git a/.nuxt/types/imports.d.ts b/.nuxt/types/imports.d.ts
index 3aebd3e..e6f92d4 100644
--- a/.nuxt/types/imports.d.ts
+++ b/.nuxt/types/imports.d.ts
@@ -126,6 +126,7 @@ declare global {
   const useModel: typeof import('../../node_modules/vue')['useModel']
   const useNuxtApp: typeof import('../../node_modules/nuxt/dist/app/nuxt')['useNuxtApp']
   const useNuxtData: typeof import('../../node_modules/nuxt/dist/app/composables/asyncData')['useNuxtData']
+  const useNuxtDevTools: typeof import('../../node_modules/@nuxt/devtools/dist/runtime/use-nuxt-devtools')['useNuxtDevTools']
   const usePopper: typeof import('../../node_modules/@nuxt/ui/dist/runtime/composables/usePopper')['usePopper']
   const usePreviewMode: typeof import('../../node_modules/nuxt/dist/app/composables/preview')['usePreviewMode']
   const useProvideButtonGroup: typeof import('../../node_modules/@nuxt/ui/dist/runtime/composables/useButtonGroup')['useProvideButtonGroup']
@@ -322,6 +323,7 @@ declare module 'vue' {
     readonly useModel: UnwrapRef<typeof import('../../node_modules/vue')['useModel']>
     readonly useNuxtApp: UnwrapRef<typeof import('../../node_modules/nuxt/dist/app/nuxt')['useNuxtApp']>
     readonly useNuxtData: UnwrapRef<typeof import('../../node_modules/nuxt/dist/app/composables/asyncData')['useNuxtData']>
+    readonly useNuxtDevTools: UnwrapRef<typeof import('../../node_modules/@nuxt/devtools/dist/runtime/use-nuxt-devtools')['useNuxtDevTools']>
     readonly usePopper: UnwrapRef<typeof import('../../node_modules/@nuxt/ui/dist/runtime/composables/usePopper')['usePopper']>
     readonly usePreviewMode: UnwrapRef<typeof import('../../node_modules/nuxt/dist/app/composables/preview')['usePreviewMode']>
     readonly useProvideButtonGroup: UnwrapRef<typeof import('../../node_modules/@nuxt/ui/dist/runtime/composables/useButtonGroup')['useProvideButtonGroup']>
diff --git a/.nuxt/types/plugins.d.ts b/.nuxt/types/plugins.d.ts
index ffa23c9..9cad21a 100644
--- a/.nuxt/types/plugins.d.ts
+++ b/.nuxt/types/plugins.d.ts
@@ -10,24 +10,28 @@ type NuxtAppInjections =
   InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/revive-payload.client.js").default> &
   InjectionType<typeof import("../../node_modules/nuxt/dist/head/runtime/plugins/unhead.js").default> &
   InjectionType<typeof import("../../node_modules/nuxt/dist/pages/runtime/plugins/router.js").default> &
-  InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/payload.client.js").default> &
   InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/navigation-repaint.client.js").default> &
   InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/check-outdated-build.client.js").default> &
   InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/revive-payload.server.js").default> &
   InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/chunk-reload.client.js").default> &
   InjectionType<typeof import("../../node_modules/nuxt/dist/pages/runtime/plugins/prefetch.client.js").default> &
+  InjectionType<typeof import("../../node_modules/nuxt/dist/pages/runtime/plugins/check-if-page-unused.js").default> &
+  InjectionType<typeof import("../../node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.server.js").default> &
+  InjectionType<typeof import("../../node_modules/@nuxt/devtools/dist/runtime/plugins/devtools.client.js").default> &
   InjectionType<typeof import("../../node_modules/@nuxt/ui/dist/runtime/plugins/slideovers.js").default> &
   InjectionType<typeof import("../../node_modules/@nuxt/ui/dist/runtime/plugins/modals.js").default> &
   InjectionType<typeof import("../../node_modules/@nuxt/ui/dist/runtime/plugins/colors.js").default> &
   InjectionType<typeof import("../../node_modules/@nuxtjs/color-mode/dist/runtime/plugin.server.js").default> &
   InjectionType<typeof import("../../node_modules/@nuxtjs/color-mode/dist/runtime/plugin.client.js").default> &
-  InjectionType<typeof import("../../node_modules/@nuxt/icon/dist/runtime/plugin.js").default>
+  InjectionType<typeof import("../../node_modules/@nuxt/icon/dist/runtime/plugin.js").default> &
+  InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/dev-server-logs.js").default> &
+  InjectionType<typeof import("../../node_modules/nuxt/dist/app/plugins/check-if-layout-used.js").default>
 
 declare module '#app' {
   interface NuxtApp extends NuxtAppInjections { }
 
   interface NuxtAppLiterals {
-    pluginName: 'nuxt:revive-payload:client' | 'nuxt:head' | 'nuxt:router' | 'nuxt:payload' | 'nuxt:revive-payload:server' | 'nuxt:chunk-reload' | 'nuxt:global-components' | 'nuxt:prefetch' | '@nuxt/icon'
+    pluginName: 'nuxt:revive-payload:client' | 'nuxt:head' | 'nuxt:router' | 'nuxt:revive-payload:server' | 'nuxt:chunk-reload' | 'nuxt:global-components' | 'nuxt:prefetch' | 'nuxt:checkIfPageUnused' | '@nuxt/icon' | 'nuxt:checkIfLayoutUsed'
   }
 }
 
diff --git a/pages/index.vue b/pages/index.vue
index 630b942..c3361ba 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -8,7 +8,7 @@
         <!-- Search Bar -->
         <div class="flex justify-center my-8 gap-2 md:gap-4 md:flex-row flex-col">
             <UInput class="w-full md:w-1/2"  v-model="location" variant="outline" placeholder="Enter a location fo the weather forecast" />
-            <UButton @click="searchWeather" label="Search" />
+            <UButton @click="searchWeather(location)" label="Search" />
         </div>
         <div class="flex justify-center my-8 gap-2 md:gap-4 md:flex-row flex-col">
             <UButton @click="searchWeather('London')">London</UButton>