vue-thailand-address-autocomplete - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

package.json

 {
   "name": "vue-thailand-address-autocomplete",
   "description": "Vue autocomplete component for Thailand address. 🇹🇭",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "author": "Pongsatorn Nitithammawoot <[e-mail]>",
@@ -6,0 +6,0 @@ "license": "MIT",

README.md

@@ -9,3 +9,3 @@ <p>
 
-ออโต้คอมพลีทที่อยู่ในประเทศไทยแบบสำเร็จรูป.
+<span style="font-size: 21px;">Auto complete ที่อยู่ในประเทศไทยแบบสำเร็จรูป</span>
 
@@ -50,3 +50,3 @@ # ตัวอย่าง
   <div>
-   <ThailandAutoComplete
+    <ThailandAutoComplete
       v-model="district"
@@ -59,7 +59,51 @@ type="district"
       placeholder="ตำบล..."/>
+
+    <ThailandAutoComplete v-model="amphoe" type="amphoe" @select="select" label="อำเภอ"/>
+
+    <ThailandAutoComplete v-model="province" type="province" @select="select" label="จังหวัด"/>
+
+    <ThailandAutoComplete v-model="zipcode" type="zipcode" @select="select" label="รหัสไปรษณีย์"/> 
   </div>
 </template>
+
+<script>
+export default {
+  data () {
+    return {
+      district: '',
+      amphoe: '',
+      province: '',
+      zipcode: ''
+    }
+  },
+  methods: {
+    select (address) {
+      this.district = address.district
+      this.amphoe = address.amphoe
+      this.province = address.province
+      this.zipcode = address.zipcode
+    }
+  }
+}
+</script>
 ```
 
+# Options
 
+## Props
+| Props       | Type          | Default   | Description                                                             |
+| ----------- |:--------------| ----------|-------------------------------------------------------------------------|
+| v-model     | String        | -         | Binding value                                                           |
+| type        | String        | -         | ประเภทของ Field ประกอบด้วย `district`, `amphoe`, `province`, `zipcode`   |
+| label       | String        | -         | คำอธิบายของ Field                                                        |
+| placeholder | String        | -         | placeholder ของ Field                                                   |
+| color       | String        | -         | สี border ของ Field ตอน Focus และสี background ของ List                   |
+| size        | String        |`default`  | ขนาดของ Field ประกอบด้วย `small`, `default`, `medium`, `large`           |
+
+## Events
+
+| Events      | Type          | Default           | Description                                                                                      |
+| ----------- |:--------------| ------------------|--------------------------------------------------------------------------------------------------|
+| select      | Function      | (address) => {}   | Return address data (type object) when select address, คืนค่า Object ที่อยู่เมื่อเลือกที่อยู่จาก Autocomplete |
+
 # ทดลอง Run Demo.
@@ -87,2 +131,3 @@
 
-Developed with ❤️ and ☕️
+Developed with ❤️ and ☕️  
+Maintained by [@biigpongsatorn](https://github.com/biigpongsatorn)

No alert changes

Improved metrics

Total package byte prevSize

249785

increased by0.98%

Number of lines in readme file

130

increased by52.94%

No dependency changes