add footer

src/layouts/default/AppFooter.vue

@@ -0,0 +1,58 @@
+<template>
+  <v-footer absolute app class="pt-10">
+    <div class="d-flex flex-grow-1 flex-wrap gap-y-1">
+      <div class="flex-shrink-0">
+        Criado por
+        <a href="https://github.com/gabrielpastori1" target="_blank">
+          Gabriel Pastori
+        </a>
+      </div>
+      <v-spacer />
+      <div class="d-flex gap-x-1">
+        <v-btn
+          v-for="(link, i) in links"
+          size="small"
+          variant="tonal"
+          :key="i"
+          :href="link.url"
+          target="_blank"
+        >
+          <v-icon v-if="link.icon" :start="!!link.title">
+            {{ link.icon }}
+          </v-icon>
+          {{ link.title }}
+        </v-btn>
+      </div>
+    </div>
+  </v-footer>
+</template>
+
+<script>
+export default {
+  name: "AppFooter",
+  data: () => ({
+    links: [
+      {
+        title: "Discord",
+        url: "https://discord.gg/U66zvhV49B",
+      },
+      {
+        title: "Postman",
+        url: "https://www.postman.com/agenciadgcode/workspace/evolution-api/overview",
+      },
+
+      {
+        title: "Evolution-Api",
+        icon: "mdi-github",
+        url: "https://github.com/EvolutionAPI/evolution-api",
+      },
+      {
+        icon: "mdi-book-open-page-variant",
+        url: "https://doc.evolution-api.com/help-center",
+      },
+    ],
+  }),
+};
+</script>
+
+<style></style>

src/layouts/default/Default.vue

@@ -3,10 +3,13 @@
     <default-bar />
 
     <default-view />
+
+    <default-footer />
   </v-app>
 </template>
 
 <script setup>
-  import DefaultBar from './AppBar.vue'
-  import DefaultView from './View.vue'
+import DefaultBar from "./AppBar.vue";
+import DefaultView from "./View.vue";
+import DefaultFooter from "./AppFooter.vue";
 </script>