Preparing to start versioning

Author: ackzell

pnpm-lock.yaml

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+const version = import.meta.env.PACKAGE_VERSION;
 </script>
 
 <template>
@@ -13,13 +14,21 @@
       h="var(--footer-height)"
       transition="background-color 0.2s ease"
     >
-      <slot name="begin">
-        <p text="xs ">
+      <div>
+        <slot name="begin">
+        <!-- <p text="xs ">
           {{ new Date().toLocaleString() }}
-        </p>
-      </slot>
-      <slot name="middle" />
-      <slot name="end" />
+        </p> -->
+        </slot>
+      </div>
+      <div>
+        <slot name="middle" />
+      </div>
+      <div>
+        <slot name="end">
+          <pre text="xs neutral/30" bg-transparent>yehyecoa-vue v{{ version }}</pre>
+        </slot>
+      </div>
     </div>
   </div>
 </template>

src/components/YvFooter.vue

@@ -22,7 +22,7 @@ const fm = useFileManagerStore();
       <h1 text-lg font-500 inline-flex items-center>
         <!-- TODO: maybe a logo would be cool -->
         <!-- <img alt="logo" src="/logo.svg" /> -->
-        <span>yehyecoa-vue</span>
+        <!-- <span>yehyecoa-vue</span> -->
       </h1>
       <!-- <div>
             submenus here

src/components/YvHeader.vue

@@ -3,13 +3,15 @@ import { fileURLToPath, URL } from 'node:url';
 import vue from '@vitejs/plugin-vue';
 import UnoCSS from 'unocss/vite';
 import { defineConfig } from 'vite';
+import version from 'vite-plugin-package-version';
 import vueDevTools from 'vite-plugin-vue-devtools';
 
 export default defineConfig({
   plugins: [
     vue(),
     vueDevTools(),
     UnoCSS(),
+    version(),
   ],
   resolve: {
     alias: {