From ccb8912ebc66abb48269530a80b56a3c77c06999 Mon Sep 17 00:00:00 2001
From: alexpechkarev <alexpechkarev@gmail.com>
Date: Sat, 23 Apr 2022 12:01:26 +0100
Subject: [PATCH] Updating README

---
 README.md    | 18 +++++++++---------
 example.html |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 7d44030..3510154 100644
--- a/README.md
+++ b/README.md
@@ -5,18 +5,18 @@ Alpine.js MultiSelect component
 - Configurable pre-selected option
 - Fast search
 - Configurable searching values
-- Custome template
-- No other JS dependancies
+- Custom template
+- No other JS dependencies
 
 ![Alpine.js MultiSelect](alpinejs-multiselect.gif)
 
-## Instalation
+## Installation
 
 Install [Apline.js](https://alpinejs.dev/essentials/installation) from `<script>` tag or as a module.
 
 The example uses [Alpine's Focus plugin](https://alpinejs.dev/plugins/focus), this is optional.
 
-Specify your select element, `data-search` attrubute value used to match againts the search string, ignoring upper/lower case differences.
+Specify your select element, `data-search` attribute value used to match against the search string, ignoring upper/lower case differences.
 
 ```html
 <select style="display:none;" id="multSelect">
@@ -27,7 +27,7 @@ Specify your select element, `data-search` attrubute value used to match againts
 </select>
 ```
 
-Initiat the Apline.js component, pre-selected options can be deifend by initializing `selected` property witn an array of values. `elementId` references the select element `id` defined above.
+Initiate the Apline.js component, pre-selected options can be defined by initializing `selected` property with an array of values. `elementId` references the select element `id` defined above.
 
 ```html
  <div class="w-full" x-data="alpineMuliSelect({selected:['te_11', 'te_12'], elementId:'multSelect'})">
@@ -57,7 +57,7 @@ Add the Alpine component code into your application.
             return this.show === true
         },
         
-        // Initilizing component 
+        // Initializing component 
         init() {
             const options = document.getElementById(this.elementId).options;
             for (let i = 0; i < options.length; i++) {
@@ -157,8 +157,8 @@ Add the Alpine component code into your application.
 [Please open an issue on GitHub](https://github.com/alexpechkarev/alpinejs-multiselect/issues)
 
 
-## License
+## Licence
 -------
-Released under the MIT License. See the bundled
-[LICENSE](https://github.com/alexpechkarev/alpinejs-multiselect/blob/main/LICENSE)
+Released under the MIT Licence. See the bundled
+[LICENCE](https://github.com/alexpechkarev/alpinejs-multiselect/blob/main/LICENSE)
 file for details.
\ No newline at end of file
diff --git a/example.html b/example.html
index c695e20..7cb892e 100644
--- a/example.html
+++ b/example.html
@@ -228,7 +228,7 @@ <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
             return this.show === true
         },
         
-        // Initilizing component 
+        // Initializing component 
         init() {
             const options = document.getElementById(this.elementId).options;
             for (let i = 0; i < options.length; i++) {