Vuetify V3 Footer With Link And Copyright

Dec 29, 2022
<script setup>const bottomLinks = {  'Lua Software': '',  'Tutorials': '/tutorials',  'Privacy': '/privacy',  'About': '/about'}  </script><template>    <v-footer class="pa-0 d-flex align-end">        <v-sheet          class="w-100 pa-3"            color="grey-lighten-4"        >          <v-row justify="center" no-gutters>            <v-btn              v-for="(url, text) in bottomLinks"              :key="text"              variant="text"              rounded="xl"              class="text-capitalize"            >              <NuxtLink :to="url" class="no-link">{{ text }}</NuxtLink>            </v-btn>            <v-col class="text-center mt-3" cols="12">              {{ new Date().getFullYear() }} &copy;            </v-col>          </v-row>        </v-sheet>    </v-footer>  </template>

❤️ Is this article helpful?

Buy me a coffee ☕ or support my work via PayPal to keep this space 🖖 and ad-free.

Do send some 💖 to @d_luaz or share this article.

✨ By Desmond Lua

A dream boy who enjoys making apps, travelling and making youtube videos. Follow me on @d_luaz

👶 Apps I built

Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.