feat: used import.meta instead of process.env and correctly replaced __VER__

webui-new/src/components/pages/About.vue

@@ -11,7 +11,8 @@
 		<ul>
 			<li>
 				{{ $t('about.updates.currentWebuiVersion') }}:
-				<span>{{ __VER__ || $t('about.updates.versionNotAvailable') }}</span>
+				<!--				<span>{{  __VER__ || $t('about.updates.versionNotAvailable') }}</span>-->
+				<span>{{ currentVersion || $t('about.updates.versionNotAvailable') }}</span>
 			</li>
 			<li>
 				{{ $t('about.updates.currentVersion') }}:
@@ -181,7 +182,8 @@ export default defineComponent({
 			...toRefs(state),
 			paypal,
 			ethereum,
-			isOnline
+			isOnline,
+			currentVersion: __VER__
 		}
 	}
 })

webui-new/src/store/index.js

@@ -13,5 +13,5 @@ export default new Vuex.Store({
 		login,
 		errors
 	},
-	strict: process.env.NODE_ENV !== 'production'
+	strict: !import.meta.env.PROD
 })

webui-new/vite.config.js

@@ -1,9 +1,17 @@
 import path from 'path'
 import { createVuePlugin } from 'vite-plugin-vue2'
 import { defineConfig } from 'vite'
+import replace from '@rollup/plugin-replace'
+
+import { version } from './package.json'
 
 export default defineConfig({
-	plugins: [createVuePlugin(/* options */)],
+	plugins: [
+		createVuePlugin(),
+		replace({
+			__VER__: JSON.stringify(version)
+		})
+	],
 	resolve: {
 		alias: [
 			{