fix: fixed #19 by adding proper es6 transpilation

Also includes fixes with too much types being generated (vite)
and maybe locale fix

build/rollup.config.js

@@ -3,39 +3,48 @@ import typescript from 'rollup-plugin-typescript2'
 import postcss from 'rollup-plugin-postcss'
 import path from 'path'
 
+let tsconfigOverride = {
+  compilerOptions: {
+    target: 'ES6',
+    lib: ['ES2020', 'dom'],
+    rootDir: 'src/datepicker',
+    declarationDir: "dist/types"
+  },
+  include: ['src/**/*'],
+}
+
 export default [
   {
     output: {
       format: 'esm',
       file: 'dist/vue3-datepicker.esm.js',
     },
     plugins: [
-      typescript(),
+      typescript({ tsconfigOverride, useTsconfigDeclarationDir: true }),
       vue(),
       postcss({
-        plugins: []
+        plugins: [],
       }),
     ],
   },
   {
     output: {
       format: 'cjs',
       file: 'dist/vue3-datepicker.cjs.js',
-      exports: 'default'
+      exports: 'default',
     },
     plugins: [
-      typescript(),
+      typescript({ tsconfigOverride, useTsconfigDeclarationDir: true }),
       vue({ css: false }),
       postcss({
-        extract: path.resolve('dist', 'vue3-datepicker.css'),  
+        extract: path.resolve('dist', 'vue3-datepicker.css'),
         inject: false,
         plugins: [],
       }),
-
     ],
   },
 ].map((v) => ({
   ...v,
   input: 'src/datepicker/Datepicker.vue',
-  external: ['vue', 'date-fns', 'date-fns/fp'],
+  external: ['vue', 'date-fns', 'date-fns/fp', 'date-fns/locale'],
 }))

package.json

@@ -16,7 +16,7 @@
   },
   "private": false,
   "name": "vue3-datepicker",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "publishConfig": {
     "access": "public"
   },
@@ -33,7 +33,7 @@
   "main": "dist/vue3-datepicker.cjs.js",
   "module": "dist/vue3-datepicker.esm.js",
   "style": "dist/vue3-datepicker.css",
-  "types": "dist/src/datepicker/Datepicker.vue.d.ts",
+  "types": "dist/types/Datepicker.vue.d.ts",
   "files": [
     "src/datepicker",
     "dist"

src/datepicker/Datepicker.vue

@@ -167,7 +167,7 @@ export default defineComponent({
   },
   setup(props, { emit }) {
     const viewShown = ref('none' as 'year' | 'month' | 'day' | 'none')
-    const pageDate = ref(new Date())
+    const pageDate = ref<Date>(new Date())
 
     const input = ref('')
     watchEffect(() => {