refactor(UseGeolocation): enhance component with extended props and slots support

ilyaliao · ilyaliao · commit 6305838f05b1 · 2025-07-27T23:59:48.000+08:00
diff --git a/packages/core/useGeolocation/component.ts b/packages/core/useGeolocation/component.ts
@@ -1,15 +1,35 @@
-import type { UseGeolocationOptions } from '@vueuse/core'
+import type { UseGeolocationOptions, UseGeolocationReturn } from '@vueuse/core'
+import type { Reactive, SlotsType } from 'vue'
 import { useGeolocation } from '@vueuse/core'
 import { defineComponent, reactive } from 'vue'
 
-export const UseGeolocation = /* #__PURE__ */ defineComponent<UseGeolocationOptions>({
-  name: 'UseGeolocation',
-  props: ['enableHighAccuracy', 'maximumAge', 'timeout', 'navigator'] as unknown as undefined,
-  setup(props, { slots }) {
+export interface UseGeolocationProps extends UseGeolocationOptions {}
+interface UseGeolocationSlots {
+  default: (data: Reactive<UseGeolocationReturn>) => any
+}
+
+export const UseGeolocation = /* #__PURE__ */ defineComponent<
+  UseGeolocationProps,
+  Record<string, never>,
+  string,
+  SlotsType<UseGeolocationSlots>
+>(
+  (props, { slots }) => {
     const data = reactive(useGeolocation(props))
+
     return () => {
       if (slots.default)
         return slots.default(data)
     }
   },
-})
+  {
+    name: 'UseGeolocation',
+    props: [
+      'enableHighAccuracy',
+      'immediate',
+      'maximumAge',
+      'navigator',
+      'timeout',
+    ],
+  },
+)
