ds

components/i/Aside.vue

@@ -11,7 +11,7 @@
             >
                 <div class="flex flex-grow justify-between items-center">
                     <span>新主题</span>
-                    <div class="flex items-center gap-0.5" v-if="device === 'desktop'">
+                    <div class="flex items-center gap-0.5" v-if="$device.isDesktop">
                         <UKbd>{{ metaSymbol }}</UKbd>
                         <UKbd>K</UKbd>
                     </div>
@@ -32,7 +32,6 @@
 </template>
 <script setup>
 const { metaSymbol } = useShortcuts()
-const device = useDevice()
 const isOpenCreate = ref(false)
 const handleShowCreate = () => {
     isOpenCreate.value = true

components/i/search/Ask.vue

@@ -42,7 +42,8 @@
 </template>
 <script setup>
 const { metaSymbol } = useShortcuts()
-const placeholder = computed(() => `提出后续问题${useDevice() === 'desktop' ? '（' + metaSymbol.value + 'L）' : ''}`)
+const { isDesktop } = useDevice()
+const placeholder = computed(() => `提出后续问题${isDesktop ? '（' + metaSymbol.value + 'L）' : ''}`)
 const props = defineProps({
     asking: {
         type: Boolean,

utils/useDevice.js

-function isMobile() {
-    let userAgentInfo = navigator ? navigator.userAgent : null
-    if (!userAgentInfo) return false
-    let Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']
-    let flag = false
-    for (let v = 0; v < Agents.length; v++) {
-        if (userAgentInfo.indexOf(Agents[v]) > 0) {
-            flag = true
-            break
-        }
-    }
-    return flag
-}
-
-const device = isMobile() ? 'mobile' : 'desktop'
-
-export default () => device