fix issues dynamic import on Vite

.gitignore

@@ -4,6 +4,7 @@
 # Project files
 node_modules
 dist
+src/locale
 
 # Log files
 npm-debug.log*

CHANGELOG.md

@@ -66,6 +66,10 @@ All notable changes to this project will be documented in this file.
 
 - Fix issues localization lazy load.
 
+## [1.0.13]
+
+- Fix issues dynamic import on Vite ([#12](https://github.com/kenhyuwa/litepie-datepicker/issues/12)).
+
 [Released]: https://github.com/kenhyuwa/litepie-datepicker/
 [1.0.0]: https://github.com/kenhyuwa/litepie-datepicker/releases/tag/v1.0.0
 [1.0.1]: https://github.com/kenhyuwa/litepie-datepicker/releases/tag/v1.0.1
@@ -80,3 +84,4 @@ All notable changes to this project will be documented in this file.
 [1.0.10]: https://github.com/kenhyuwa/litepie-datepicker/releases/tag/v1.0.10
 [1.0.11]: https://github.com/kenhyuwa/litepie-datepicker/releases/tag/v1.0.11
 [1.0.12]: https://github.com/kenhyuwa/litepie-datepicker/releases/tag/v1.0.12
+[1.0.13]: https://github.com/kenhyuwa/litepie-datepicker/releases/tag/v1.0.13

build/rollup.config.js

@@ -7,6 +7,7 @@ import commonjs from '@rollup/plugin-commonjs';
 import resolve from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
 import babel from '@rollup/plugin-babel';
+import dynamicImportVars from '@rollup/plugin-dynamic-import-vars';
 import PostCSS from 'rollup-plugin-postcss';
 import { terser } from 'rollup-plugin-terser';
 import minimist from 'minimist';
@@ -101,7 +102,8 @@ if (!argv.format || argv.format === 'es') {
     output: {
       file: 'dist/litepie-datepicker.esm.js',
       format: 'esm',
-      exports: 'named'
+      exports: 'named',
+      inlineDynamicImports: true
     },
     plugins: [
       replace(baseConfig.plugins.replace),
@@ -119,7 +121,8 @@ if (!argv.format || argv.format === 'es') {
           ]
         ]
       }),
-      commonjs()
+      commonjs(),
+      dynamicImportVars()
     ]
   };
   buildFormats.push(esConfig);
@@ -134,6 +137,7 @@ if (!argv.format || argv.format === 'cjs') {
       file: 'dist/litepie-datepicker.ssr.js',
       format: 'cjs',
       name: 'LitepieDatepicker',
+      inlineDynamicImports: true,
       exports: 'auto',
       globals
     },
@@ -143,7 +147,8 @@ if (!argv.format || argv.format === 'cjs') {
       vue(baseConfig.plugins.vue),
       ...baseConfig.plugins.postVue,
       babel(baseConfig.plugins.babel),
-      commonjs()
+      commonjs(),
+      dynamicImportVars()
     ]
   };
   buildFormats.push(umdConfig);
@@ -158,6 +163,7 @@ if (!argv.format || argv.format === 'iife') {
       file: 'dist/litepie-datepicker.min.js',
       format: 'iife',
       name: 'LitepieDatepicker',
+      inlineDynamicImports: true,
       exports: 'auto',
       globals
     },
@@ -168,6 +174,7 @@ if (!argv.format || argv.format === 'iife') {
       ...baseConfig.plugins.postVue,
       babel(baseConfig.plugins.babel),
       commonjs(),
+      dynamicImportVars(),
       terser({
         output: {
           ecma: 5

dev/serve.vue

@@ -83,7 +83,8 @@ export default defineComponent({
   },
   setup() {
     const away = ref(null);
-    const dateValue = ref('30 Oktober 2021 ~ 18 Februari 2023');
+    const dateValue = ref([]);
+    // const dateValue = ref('30 Oktober 2021 ~ 18 Februari 2023');
     const shortcuts = () => {
       return [
         {

exec.js

@@ -0,0 +1,27 @@
+const path = require('path');
+const fs = require('fs-extra');
+const dayjsLocale = './node_modules/dayjs/esm/locale';
+const localeSrc = './src/locale';
+
+async function main() {
+  await fs.remove(localeSrc);
+  const locales = await fs.readdir(dayjsLocale);
+  for (const locale of locales) {
+    await fs.copySync(
+      `${dayjsLocale}/${locale}`,
+      path.join(__dirname, `./src/locale/${locale}`)
+    );
+    await fs.readFile(`${localeSrc}/${locale}`, 'utf8', function(err, data) {
+      if (err) return console.log(err);
+      const result = data.replace(/..\/index/g, 'dayjs');
+
+      fs.writeFile(`${localeSrc}/${locale}`, result, 'utf8', function(err) {
+        if (err) return console.log(err);
+      });
+    });
+  }
+}
+
+main().catch(err => {
+  console.error(err);
+});