fix issues lazy localization

CHANGELOG.md

@@ -62,6 +62,10 @@ All notable changes to this project will be documented in this file.
 
 - Added trigger `emit` on keyup event.
 
+## [1.0.12]
+
+- Fix issues localization lazy load.
+
 [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
@@ -75,3 +79,4 @@ All notable changes to this project will be documented in this file.
 [1.0.9]: https://github.com/kenhyuwa/litepie-datepicker/releases/tag/v1.0.9
 [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

dev/serve.vue

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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "litepie-datepicker",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "A date range picker component for Vue.js and Tailwind CSS, dependent to day.js",
   "main": "dist/litepie-datepicker.ssr.js",
   "browser": "dist/litepie-datepicker.esm.js",

src/litepie-datepicker.vue

@@ -1380,29 +1380,9 @@ export default /*#__PURE__*/ defineComponent({
 
     watch(
       () => isShow.value,
-      newValue => {
+      () => {
         nextTick(() => {
           placement.value = useVisibleViewport(LitepieRef.value);
-          if (newValue && pickerValue.value !== '') {
-            if (asRange()) {
-              const [s, e] = pickerValue.value.split(props.separator);
-              const start = dayjs(s, props.formatter.date, true);
-              const end = dayjs(e, props.formatter.date, true);
-              datepicker.value.previous = start;
-              if (start.isSame(end, 'month')) {
-                datepicker.value.next = start.add(1, 'month');
-              } else {
-                datepicker.value.next = end;
-              }
-            } else {
-              datepicker.value.previous = dayjs(
-                pickerValue.value,
-                props.formatter.date,
-                true
-              );
-              datepicker.value.next = datepicker.value.previous.add(1, 'month');
-            }
-          }
         });
       }
     );

vue.config.js

@@ -43,7 +43,7 @@ module.exports = {
     appleMobileWebAppCapable: 'yes',
     appleMobileWebAppStatusBarStyle: 'black',
     manifestOptions: {
-      orientation: 'landscape',
+      orientation: 'portrait',
       background_color: '#ffffff',
       icons: [
         {