diff --git a/components/command/CommandItem.vue b/components/command/CommandItem.vue
index 149b2955d..4f9351b13 100644
--- a/components/command/CommandItem.vue
+++ b/components/command/CommandItem.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { ResolvedCommand } from '@/composables/command'
 
-const emits = defineEmits<{
+const emit = defineEmits<{
   (event: 'activate'): void
 }>()
 
@@ -21,7 +21,7 @@ const {
     class="flex px-3 py-2 my-1 items-center rounded-lg hover:bg-active transition-all duration-65 ease-in-out cursor-pointer scroll-m-10"
     :class="{ 'bg-active': active }"
     :data-index="index"
-    @click="emits('activate')"
+    @click="emit('activate')"
   >
     <div v-if="cmd.icon" me-2 :class="cmd.icon" />
 
diff --git a/components/common/CommonAlert.vue b/components/common/CommonAlert.vue
index ab053427a..01aaa2d38 100644
--- a/components/common/CommonAlert.vue
+++ b/components/common/CommonAlert.vue
@@ -4,14 +4,14 @@ const props = withDefaults(defineProps<{
 }>(), {
   modelValue: true,
 })
-const emits = defineEmits<{
+const emit = defineEmits<{
   (e: 'update:modelValue', v: boolean): void
   (event: 'close'): void
 }>()
-const visible = useVModel(props, 'modelValue', emits, { passive: true })
+const visible = useVModel(props, 'modelValue', emit, { passive: true })
 
 function close() {
-  emits('close')
+  emit('close')
   visible.value = false
 }
 </script>
diff --git a/components/common/CommonCropImage.vue b/components/common/CommonCropImage.vue
index 7b6db87cf..adee86d6e 100644
--- a/components/common/CommonCropImage.vue
+++ b/components/common/CommonCropImage.vue
@@ -16,11 +16,11 @@ const props = withDefaults(defineProps<Props>(), {
   stencilSizePercentage: 0.9,
 })
 
-const emits = defineEmits<{
+const emit = defineEmits<{
   (event: 'update:modelValue', value: File): void
 }>()
 
-const vmFile = useVModel(props, 'modelValue', emits, { passive: true })
+const vmFile = useVModel(props, 'modelValue', emit, { passive: true })
 
 const cropperDialog = ref(false)
 
diff --git a/components/nav/NavBottomMoreMenu.vue b/components/nav/NavBottomMoreMenu.vue
index aab9481f9..05b64c5e2 100644
--- a/components/nav/NavBottomMoreMenu.vue
+++ b/components/nav/NavBottomMoreMenu.vue
@@ -2,10 +2,10 @@
 const props = defineProps<{
   modelValue?: boolean
 }>()
-const emits = defineEmits<{
+const emit = defineEmits<{
   (event: 'update:modelValue', value: boolean): void
 }>()
-const visible = useVModel(props, 'modelValue', emits, { passive: true })
+const visible = useVModel(props, 'modelValue', emit, { passive: true })
 const colorMode = useColorMode()
 
 function changeShow() {
diff --git a/components/user/UserSwitcher.vue b/components/user/UserSwitcher.vue
index 1a806fe9c..17a1e698b 100644
--- a/components/user/UserSwitcher.vue
+++ b/components/user/UserSwitcher.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { UserLogin } from '~/types'
 
-const emits = defineEmits<{
+const emit = defineEmits<{
   (event: 'click'): void
 }>()
 
@@ -25,7 +25,7 @@ const switchUser = (user: UserLogin) => {
 </script>
 
 <template>
-  <div sm:min-w-80 max-w-100vw mxa py2 flex="~ col" @click="emits('click')">
+  <div sm:min-w-80 max-w-100vw mxa py2 flex="~ col" @click="emit('click')">
     <template v-for="user of sorted" :key="user.id">
       <button
         flex rounded px4 py3 text-left