refactor(UseBattery): enhance component with props and slots support

ilyaliao · ilyaliao · commit f1907efd6c37 · 2025-07-27T18:14:44.000+08:00
diff --git a/packages/core/useBattery/component.ts b/packages/core/useBattery/component.ts
@@ -1,14 +1,28 @@
+import type { ConfigurableNavigator, UseBatteryReturn } from '@vueuse/core'
+import type { Reactive, SlotsType } from 'vue'
 import { useBattery } from '@vueuse/core'
 import { defineComponent, reactive } from 'vue'
 
-export const UseBattery = /* #__PURE__ */ defineComponent({
-  name: 'UseBattery',
-  setup(props, { slots }) {
-    const data = reactive(useBattery(props))
+interface UseBatteryProps extends ConfigurableNavigator {}
+interface UseBatterySlots {
+  default: (data: Reactive<UseBatteryReturn>) => any
+}
 
+export const UseBattery = /* #__PURE__ */ defineComponent<
+  UseBatteryProps,
+  Record<string, never>,
+  string,
+  SlotsType<UseBatterySlots>
+>(
+  (props, { slots }) => {
+    const data = reactive(useBattery(props))
     return () => {
       if (slots.default)
         return slots.default(data)
     }
   },
-})
+  {
+    name: 'UseBattery',
+    props: ['navigator'],
+  },
+)
