From ae261cb68411afd33fa87e8039d5364a7547ab74 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 19 Oct 2024 12:24:30 +0800
Subject: [PATCH] Refactor Footer component to use responsive display and
 inject app mode

---
 src/layouts/components/Footer.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/layouts/components/Footer.vue b/src/layouts/components/Footer.vue
index 57cf1b25..a667fcf3 100644
--- a/src/layouts/components/Footer.vue
+++ b/src/layouts/components/Footer.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
-const appMode = inject('appMode')
+import { useDisplay } from 'vuetify'
+
+const display = useDisplay()
+const appMode = inject('appMode') && display.mdAndDown
 
 const route = useRoute()