Improve versioning method

src/components/FooterView.vue

@@ -3,16 +3,15 @@ import { inject } from 'vue'
 
 export default {
   setup() {
-    const version = inject('version')
     return {
-      version
+      version: `${import.meta.env.SAFETWITCH_TAG}-${import.meta.env.SAFETWITCH_COMMIT_HASH}`
     }
-  }
+  },
 }
 </script>
 
 <template>
   <div class="m-2 mt-5 flex justify-center">
-    <p class="text-white font-bold">SafeTwitch v{{ version }}</p>
+    <p class="text-white font-bold">SafeTwitch {{ version}}</p>
   </div>
 </template>

src/main.ts

@@ -3,7 +3,6 @@ import App from './App.vue'
 import router from './router'
 import './assets/index.css'
 import i18n from './i18n'
-import { version } from '../package.json'
 
 const app = createApp(App).use(i18n)
 
@@ -19,7 +18,6 @@ app.provide('protocol', protocol)
 app.provide('rootUrl', `${protocol}${import.meta.env.SAFETWITCH_INSTANCE_DOMAIN}`)
 app.provide('rootBackendUrl', `${protocol}${import.meta.env.SAFETWITCH_BACKEND_DOMAIN}`)
 app.provide('wsLink', `${wsProtocol}${import.meta.env.SAFETWITCH_BACKEND_DOMAIN}`)
-app.provide('version', version)
 
 import { OhVueIcon, addIcons } from 'oh-vue-icons'
 import {

src/mixins.ts

@@ -43,6 +43,7 @@ export async function getEndpoint(endpoint: string) {
 
 export function getDefaultSettings() {
   return {
+    version: import.meta.env.SAFETWITCH_TAG,
     audioOnly: {
       name: 'Audio Only',
       selected: false,