first commit

resources/js/layouts/components/Footer.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="h-100 d-flex align-center justify-space-between text-medium-emphasis">
+    <!-- 👉 Footer: left content -->
+    <span class="d-flex align-center">
+      &copy;
+      {{ new Date().getFullYear() }}
+      Made With
+      <VIcon
+        icon="ri-heart-line"
+        color="error"
+        size="1.25rem"
+        class="mx-1"
+      />
+      By <a
+        href="https://themeselection.com"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="text-primary ms-1"
+      >ThemeSelection</a>
+    </span>
+    <!-- 👉 Footer: right content -->
+    <span class="d-md-flex gap-x-4 text-primary d-none">
+      <a
+        href="https://themeselection.com/license/"
+        target="noopener noreferrer"
+      >License</a>
+      <a
+        href="https://themeselection.com/"
+        target="noopener noreferrer"
+      >More Themes</a>
+      <a
+        href="https://demos.themeselection.com/materio-vuetify-vuejs-admin-template/documentation/guide/laravel-integration/folder-structure.html"
+        target="noopener noreferrer"
+      >Documentation</a>
+    </span>
+  </div>
+</template>