Make search input take focus on location selection

Author: ruihildt

src/components/SearchLocation.vue

@@ -1,10 +1,17 @@
 <script lang="ts" setup>
 import { NInput } from 'naive-ui';
+import { nextTick, onMounted, ref } from 'vue';
 import useSocksProxies from '@/composables/useSocksProxies/useSocksProxies';
 
 const { query } = useSocksProxies();
+const inputRef = ref<HTMLInputElement | null>(null);
+
+onMounted(async () => {
+  await nextTick();
+  inputRef.value?.focus();
+});
 </script>
 
 <template>
-  <NInput v-model:value="query" placeholder="Search" clearable class="mb-3" />
+  <NInput ref="inputRef" v-model:value="query" placeholder="Search" clearable class="mb-3" />
 </template>