add version to manager

lib/help.js

@@ -6,7 +6,7 @@ module.exports = () => {
   console.log(`📘 Here's what you can do with evolution-manager CLI:`);
 
   // Server commands
-  console.log(`\n🖥️ Server Commands:`);
+  console.log(`\n🚀 Server Commands:`);
   console.log(`   help - Get help and command summaries`);
   console.log(`   server - Manage your server`);
   console.log(`    - start [--port=9615] - Start the server on a specific port`);
@@ -30,5 +30,5 @@ module.exports = () => {
 
   // Documentation link and disclaimer
   console.log(`\n📚 For complete documentation, visit: https://github.com/gabrielpastori1/evolution-manager`);
-  console.log(`\n ℹ️ Disclaimer: This evolution-manager CLI project is independent and not affiliated with the evolution-api project.`);
+  console.log(`\nDisclaimer: This evolution-manager CLI project is independent and not affiliated with the evolution-api project.`);
 };

src/components/modal/About.vue

@@ -16,7 +16,7 @@
               href="https://github.com/EvolutionAPI/evolution-api/"
               target="_blank"
             >
-              Evolution API </a
+              Evolution API</a
             >, facilita a gestão de suas APIs com uma interface intuitiva. Ele
             foi criado por desenvolvedores independentes, focando em melhorar a
             experiência do usuário e a administração das funcionalidades da API.
@@ -58,11 +58,13 @@
             Manager em relação à Evolution API significa que alterações na API
             podem afetar a funcionalidade do Manager.
           </p>
+
+          <span class="mt-5 mb-2 text-disabled">Versão: {{ version }}</span>
         </div>
       </v-card-text>
       <v-card-actions>
         <v-spacer></v-spacer>
-        <v-btn text @click="dialog = false" :disabled="loading"> Fechar </v-btn>
+        <v-btn text @click="dialog = false" block :disabled="loading"> Fechar </v-btn>
         <v-spacer></v-spacer>
       </v-card-actions>
     </v-card>
@@ -72,11 +74,12 @@
 
 <script>
 import Contribute from "./Contribute.vue";
-
+import { version } from "../../../package.json";
 export default {
   name: "SettingsModal",
   data: () => ({
     dialog: false,
+    version,
     isHttps: window.location.protocol === "https:",
   }),
   methods: {

src/layouts/default/AppBar.vue

@@ -1,7 +1,7 @@
 <template>
   <v-app-bar flat>
     <v-app-bar-title class="flex-shrink-0">
-      <v-btn variant="text" @click="$router.push('/')">
+      <v-btn variant="text" @click="$router.push({name: 'instances'})">
         <v-img src="@/assets/logo.png" height="24" width="24" class="mr-2" />
         Evolution Manager
       </v-btn>

src/layouts/default/AppFooter.vue

@@ -1,22 +1,26 @@
 <template>
   <v-footer absolute app class="pt-10">
     <div class="d-flex flex-grow-1 flex-wrap gap-y-1 align-end">
-      <div class="flex-shrink-0">
-        <p style="font-size: 12px;">
-          Criado por
-          <a href="https://github.com/gabrielpastori1" target="_blank">
-            Gabriel Pastori
-          </a>
-        </p>
+      <div class="flex-shrink-0 d-flex gap-2 align-center">
         <v-btn
-          @click="contribute"
+        @click="about"
+        variant="tonal"
+          size="small"
+          color="blue"
+          >
+          <v-icon start> mdi-information </v-icon>
+          Sobre
+        </v-btn>
+        <v-btn
+        @click="contribute"
           variant="tonal"
           size="small"
-          color="light-blue-lighten-2"
+          color="light-blue-lighten-1"
         >
           <v-icon start>mdi-hand-coin</v-icon>
           Contribua com o projeto
         </v-btn>
+        <p style="font-size: 12px" class="text-disabled">v{{ version }}</p>
       </div>
       <v-spacer />
       <div class="d-flex gap-x-1">
@@ -37,14 +41,18 @@
     </div>
   </v-footer>
   <Contribute ref="contribute" />
+  <About ref="about" />
 </template>
 
 <script>
+import About from "@/components/modal/About.vue";
 import Contribute from "@/components/modal/Contribute.vue";
+import { version } from "../../../package.json";
 
 export default {
   name: "AppFooter",
   data: () => ({
+    version,
     links: [
       {
         title: "Discord",
@@ -60,17 +68,22 @@ export default {
         url: "https://github.com/EvolutionAPI/evolution-api",
       },
       {
+        title: "Doc",
         icon: "mdi-book-open-page-variant",
         url: "https://doc.evolution-api.com/help-center",
       },
     ],
   }),
   methods: {
+    
+    about() {
+      this.$refs.about.open();
+    },
     contribute() {
       this.$refs.contribute.open();
     },
   },
-  components: { Contribute },
+  components: { Contribute, About },
 };
 </script>
 

src/router/index.js

@@ -3,7 +3,6 @@ import { createRouter, createWebHistory } from 'vue-router'
 // import from base from vite compiler
 const BASE_URL = import.meta.env.BASE_URL
 
-
 const routes = [
   {
     path: BASE_URL,
@@ -22,6 +21,10 @@ const routes = [
 
     ],
   },
+  {
+    path: '/:pathMatch(.*)*',
+    redirect: BASE_URL,
+  },
 ]
 
 const router = createRouter({