inject global var for no app version to show

threefoldtech · Oct 15, 2024 · 05603b9 · 05603b9
1 parent bb7fe3f
commit 05603b9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
@@ -99,7 +99,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
+import { inject } from "vue";
 import { useRouter } from "vue-router";
 import { useTheme } from "vuetify";
 
@@ -111,7 +111,7 @@ const theme = useTheme();
 const version = process.env.VERSION as any;
 const baseUrl = import.meta.env.BASE_URL;
 const $router = useRouter();
-const message = ref("No version to show");
+const message = inject("noAppVersion");
 function navigateToHome() {
   return $router.push(DashboardRoutes.Other.HomePage);
 }

diff --git a/packages/playground/src/main.ts b/packages/playground/src/main.ts
@@ -11,7 +11,6 @@ import { defineGlobals } from "./config";
 import Monitor from "./Monitor.vue";
 import router from "./router";
 import { normalizeError } from "./utils/helpers";
-
 const app = createApp(Monitor);
 
 app.config.errorHandler = error => {
@@ -43,5 +42,6 @@ app.use(createPinia());
 app.use(router);
 app.use(vuetify);
 defineGlobals(app);
+app.provide("noAppVersion", "No version to show");
 
 app.mount("#app");