feat: useCalendar

packages/core/useCalendar/index.ts

@@ -29,7 +29,7 @@ const getDays = (year: number, month: number) => {
 export const useCalendar = (options: UseCalendarOptions = {}) => {
   const {
     initialDate = new Date(),
-    locale = 'en-US',
+    locale = Intl.DateTimeFormat().resolvedOptions().locale,
     firstDayOfWeek = 0,
   } = options
 

src/App.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
 // import UseEllipsis from './demo/UseEllipsis.vue'
 // import UseLoading from './demo/UseLoading.vue'
-import UseProgress from './demo/UseProgress.vue'
+// import UseProgress from './demo/UseProgress.vue'
+import UseCalendar from './demo/UseCalendar.vue'
 </script>
 
 <template>
   <!-- <UseEllipsis /> -->
   <!-- <UseLoading /> -->
-  <UseProgress />
+  <!-- <UseProgress /> -->
+  <UseCalendar />
 </template>

src/demo/UseCalendar.vue

@@ -2,7 +2,9 @@
 import { ref, h, VNode } from 'vue'
 import { useCalendar } from '@noi/core'
 
-useCalendar()
+const { currentMonthDays } = useCalendar()
 </script>
 
-<template></template>
+<template>
+  {{ currentMonthDays }}
+</template>