diff --git a/package.json b/package.json
index ef127775..e5190281 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@oruga-ui/oruga-next": "^0.7.0",
+    "@oruga-ui/oruga-next": "^0.8.2",
     "@oruga-ui/theme-bulma": "^0.2.11",
     "axios": "^1.6.3",
     "leaflet": "^1.9.4",
diff --git a/src/HomePage.ts b/src/HomePage.ts
index a1394cc6..d7639f21 100644
--- a/src/HomePage.ts
+++ b/src/HomePage.ts
@@ -1,11 +1,11 @@
 import axios from 'axios';
 import { defineComponent } from 'vue';
-import { useProgrammatic } from '@oruga-ui/oruga-next';
+import { useOruga } from '@oruga-ui/oruga-next';
 
 export default defineComponent({
   name: 'HomePage',
   setup() {
-    const { oruga } = useProgrammatic();
+    const oruga = useOruga();
     return { oruga };
   },
   data(): {
diff --git a/yarn.lock b/yarn.lock
index e6356452..cecfed34 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1262,10 +1262,10 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@oruga-ui/oruga-next@^0.7.0":
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/@oruga-ui/oruga-next/-/oruga-next-0.7.0.tgz#3d454cf648182d25a99a21c7101506f8f585d13a"
-  integrity sha512-T2KnNhGzgqv/Xzu4Efx3wnYahANcP6Z7Yc8DHOFIOLrM+ZDdTS9OjL3gofBVDrDBRg1DQv6EvsSsNkwMR88LpA==
+"@oruga-ui/oruga-next@^0.8.2":
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/@oruga-ui/oruga-next/-/oruga-next-0.8.2.tgz#561bb1e6e6fcc4736641535e1ef3ad3a62d7c95d"
+  integrity sha512-XRKmuKRWos2poGtU3AVOnCCX6iGOwoj1KgVlNaz6u8aQ+hg4LwAOgh3KPwiP/lUb9PdKcSEFb7fU2SXH9a47mQ==
 
 "@oruga-ui/theme-bulma@^0.2.11":
   version "0.2.11"