add contribute info

src/layouts/default/AppFooter.vue

@@ -1,11 +1,22 @@
 <template>
   <v-footer absolute app class="pt-10">
-    <div class="d-flex flex-grow-1 flex-wrap gap-y-1">
+    <div class="d-flex flex-grow-1 flex-wrap gap-y-1 align-end">
       <div class="flex-shrink-0">
-        Criado por
-        <a href="https://github.com/gabrielpastori1" target="_blank">
-          Gabriel Pastori
-        </a>
+        <p style="font-size: 12px;">
+          Criado por
+          <a href="https://github.com/gabrielpastori1" target="_blank">
+            Gabriel Pastori
+          </a>
+        </p>
+        <v-btn
+          @click="contribute"
+          variant="tonal"
+          size="small"
+          color="light-blue-lighten-2"
+        >
+          <v-icon start>mdi-hand-coin</v-icon>
+          Contribua com o projeto
+        </v-btn>
       </div>
       <v-spacer />
       <div class="d-flex gap-x-1">
@@ -25,9 +36,12 @@
       </div>
     </div>
   </v-footer>
+  <Contribute ref="contribute" />
 </template>
 
 <script>
+import Contribute from "@/components/modal/Contribute.vue";
+
 export default {
   name: "AppFooter",
   data: () => ({
@@ -40,7 +54,6 @@ export default {
         title: "Postman",
         url: "https://www.postman.com/agenciadgcode/workspace/evolution-api/overview",
       },
-
       {
         title: "Evolution-Api",
         icon: "mdi-github",
@@ -52,6 +65,12 @@ export default {
       },
     ],
   }),
+  methods: {
+    contribute() {
+      this.$refs.contribute.open();
+    },
+  },
+  components: { Contribute },
 };
 </script>