Merge pull request #818 from chr-ge/master

Added Missing Periods in README.md Files

README.de.md

@@ -110,7 +110,7 @@ Es stehen 14 Direktiven zur Verfügung:
 | [`x-data`](#x-data) | Deklariert einen neuen Komponenten-Geltungsbereich. |
 | [`x-init`](#x-init) | Wertet einen Ausdruck aus, sobald die Komponente initialisiert wurde. |
 | [`x-show`](#x-show) | Schaltet anhand des Ausdrucks (true oder false) das Element auf `display: none;`. |
-| [`x-bind`](#x-bind) | Setzt den Wert eines Attributs auf das Ergebnis eines JS-Ausdrucks |
+| [`x-bind`](#x-bind) | Setzt den Wert eines Attributs auf das Ergebnis eines JS-Ausdrucks. |
 | [`x-on`](#x-on) | Verbindet einen EventHandler mit einem HTML-Elemment. Der spezifizierte JS-Code wird nur dann aufgerufen, wenn das jeweilige Ereignis empfangen wird. |
 | [`x-model`](#x-model) | Das Direktive sorgt für das Databinding mit Input-Elementen. Hierbei wird ein Databinding in beide Richtungen ermöglicht ("Two way databinding"). |
 | [`x-text`](#x-text) | Funktioniert ähnlich wie `x-bind`, wobei hier das `innerText` eines Elements aktualisiert wird. |
@@ -190,7 +190,7 @@ Datenquellen und zugehörige Funktionalität können in wiederverwendbare Funkti
 
 > **Für Nutzer von Modul-Packern**: Alpine.js ruft Funktionen auf, welche sich im globalen Geltungsbereich (`window`) befinden. Um Funktionen mit `x-data` zu benutzen, müssen sie daher explizit dem Geltungsbereich `window` zugewießen werden. Zum Beispiel `window.dropdown = function () {}` (Dieses Verhalten ist auf Webpack, Rollup, Parcel etc. zurückzuführen. Hier leben selbstdefinierte Funktionen defaultmäßig im Geltungsbereich des Moduls, und nicht `window`).
 
-Durch Objektdestrukturierung können mehrere Datenobjekte an `x-data` übergeben werden
+Durch Objektdestrukturierung können mehrere Datenobjekte an `x-data` übergeben werden:
 
 ```html
 <div x-data="{...dropdown(), ...tabs()}">
@@ -289,7 +289,7 @@ Zum Beispiel:
 <button>Klick mich</button>
 ```
 
-Hier wird das Attribut `disabled` je nach der Auswertung von `myVar` hinzugefügt oder entfernt
+Hier wird das Attribut `disabled` je nach der Auswertung von `myVar` hinzugefügt oder entfernt.
 
 
 Alle in der [HTML Spezifikation](https://html.spec.whatwg.org/multipage/indices.html#attributes-3:boolean-attribute) angeführten booleschen Attribute werden unterstützt. Dazu zählen `disabled`, `readonly`, `required`, `checked`, `hidden`, `selected`, `open`, etc.
@@ -367,7 +367,7 @@ Durch das Anhängen von `.once` an einen EventHandler wird sichergestellt, dass
 **`.passive` Modifikator**
 **Beispiel:** `<button x-on:mousedown.passive="interactive = true"></button>`
 
-Durch das Anhängen von `.passive` an einen EventHandler, wird der gegebene Listener passiv. Dadurch wird verhindert, dass das spezifizierte Ereignis abgebrochen werden kann (`preventDefault()` wird ignoriert). Dieses Vorgehen ist zum Beispiel für die Bildlaufleistung auf Touch-Geräten relevant
+Durch das Anhängen von `.passive` an einen EventHandler, wird der gegebene Listener passiv. Dadurch wird verhindert, dass das spezifizierte Ereignis abgebrochen werden kann (`preventDefault()` wird ignoriert). Dieses Vorgehen ist zum Beispiel für die Bildlaufleistung auf Touch-Geräten relevant.
 
 **`.debounce` Modifikator**
 **Beispiel:** `<input x-on:input.debounce="fetchSomething()">`
@@ -761,7 +761,7 @@ Um innerhalb einer JavaScript-Funktion auf $dispatch zuzugreifen, kann dieses al
 Die Eigenschaft einer Komponente kann mithilfe der magischen Methode `$watch` "beobachtet" werden. Erst wenn das `<button>`-Element im obigen Beispiel angeklickt wird und die Eigenschaft `open` aktualisiert wurde, wird die angegebene Callback-Funktion ausgelöst. Der neue Wert wird dann in der Konsole ausgegeben.
 
 ## Sicherheit
-Wenn du eine Sicherheitslücke findest, sende bitte eine E-mail an [calebporzio@gmail.com]()
+Wenn du eine Sicherheitslücke findest, sende bitte eine E-mail an [calebporzio@gmail.com]().
 
 Alpine basiert auf einer benutzerdefinierten Implementierung, welche das `Function`-Objekt nutzt, um seine Direktiven auszuwerten. Obwohl dieses Vorgehen sicherer ist als die Auswertung mittels `eval()`, ist dessen Nutzung in manchen Umgebungen nicht gestattet (z.B. in der Google Chrome App, aufgrund der restriktiven Content Security Policy (CSP)).
 

README.es.md

@@ -578,7 +578,7 @@ Las claves del objeto son las directivas (puede ser cualquiera, incluyendo modif
 
 > Note: Excepciónes con `x-spread`:
 > - Cuando la directiva a extender es `x-for`, es necesario retornar una expresion en formato de *string* en el *callback*. Por ejemplo: `['x-for']() { return 'item in items' }`.
-> - `x-init` y `x-data` no se pueden usar dentro de un objeto para "spread"
+> - `x-init` y `x-data` no se pueden usar dentro de un objeto para "spread".
 
 ---
 
@@ -726,7 +726,7 @@ Si necesitas acceder a $dispatch desde dentro de una función de JavaScript, pue
 Puedes hacer "watch" a la propiedad de un componente con el método mágico `$watch`. En el ejemplo de arriba, cuando se pulsa el botón y `open` cambia, la retrollamada provista ejecutara el `console.log` con el nuevo valor.
 
 ## Seguridad
-Si encuentras una brecha de seguridad, por favor envía un email a [calebporzio@gmail.com]()
+Si encuentras una brecha de seguridad, por favor envía un email a [calebporzio@gmail.com]().
 
 Alpine depende de una implementación personalizada utilizando el objeto `Function` para evaluar las directivas. A pesar de ser más seguro que `eval()`, su uso está prohibido en algunos entornos, tels como Google Chrome App, utilizando Content Security Policy restrictivas (CSP).
 

README.md

@@ -84,7 +84,7 @@ The pattern above is the [module/nomodule pattern](https://philipwalton.com/arti
 ```
 
 You can even use it for non-trivial things:
-*Pre-fetching a dropdown's HTML content on hover*
+*Pre-fetching a dropdown's HTML content on hover.*
 ```html
 <div x-data="{ open: false }">
     <button
@@ -111,7 +111,7 @@ There are 14 directives available to you:
 | [`x-data`](#x-data) | Declares a new component scope. |
 | [`x-init`](#x-init) | Runs an expression when a component is initialized. |
 | [`x-show`](#x-show) | Toggles `display: none;` on the element depending on expression (true or false). |
-| [`x-bind`](#x-bind) | Sets the value of an attribute to the result of a JS expression |
+| [`x-bind`](#x-bind) | Sets the value of an attribute to the result of a JS expression. |
 | [`x-on`](#x-on) | Attaches an event listener to the element. Executes JS expression when emitted. |
 | [`x-model`](#x-model) | Adds "two-way data binding" to an element. Keeps input element in sync with component data. |
 | [`x-text`](#x-text) | Works similarly to `x-bind`, but will update the `innerText` of an element. |
@@ -119,8 +119,8 @@ There are 14 directives available to you:
 | [`x-ref`](#x-ref) | Convenient way to retrieve raw DOM elements out of your component. |
 | [`x-if`](#x-if) | Remove an element completely from the DOM. Needs to be used on a `<template>` tag. |
 | [`x-for`](#x-for) | Create new DOM nodes for each item in an array. Needs to be used on a `<template>` tag. |
-| [`x-transition`](#x-transition) | Directives for applying classes to various stages of an element's transition |
-| [`x-spread`](#x-spread) | Allows you to bind an object of Alpine directives to an element for better reusability |
+| [`x-transition`](#x-transition) | Directives for applying classes to various stages of an element's transition. |
+| [`x-spread`](#x-spread) | Allows you to bind an object of Alpine directives to an element for better reusability. |
 | [`x-cloak`](#x-cloak) | This attribute is removed when Alpine initializes. Useful for hiding pre-initialized DOM. |
 
 And 6 magic properties:
@@ -253,7 +253,7 @@ If you wish to run code AFTER Alpine has made its initial updates to the DOM (so
 
 ### `x-bind`
 
-> Note: You are free to use the shorter ":" syntax: `:type="..."`
+> Note: You are free to use the shorter ":" syntax: `:type="..."`.
 
 **Example:** `<input x-bind:type="inputType">`
 
@@ -305,7 +305,7 @@ The `camel` modifier will bind to the camel case equivalent of the attribute nam
 
 ### `x-on`
 
-> Note: You are free to use the shorter "@" syntax: `@click="..."`
+> Note: You are free to use the shorter "@" syntax: `@click="..."`.
 
 **Example:** `<button x-on:click="foo = 'bar'"></button>`
 
@@ -315,7 +315,7 @@ The `camel` modifier will bind to the camel case equivalent of the attribute nam
 
 If any data is modified in the expression, other element attributes "bound" to this data, will be updated.
 
-> Note: You can also specify a JavaScript function name
+> Note: You can also specify a JavaScript function name.
 
 **Example:** `<button x-on:click="myFunction"></button>`
 
@@ -563,7 +563,7 @@ Alpine supports the `i in n` syntax, where `n` is an integer, allowing you to it
 </template>
 ```
 
-> The example above uses classes from [Tailwind CSS](https://tailwindcss.com)
+> The example above uses classes from [Tailwind CSS](https://tailwindcss.com).
 
 Alpine offers 6 different transition directives for applying classes to various stages of an element's transition between "hidden" and "shown" states. These directives work both with `x-show` AND `x-if`.
 
@@ -617,7 +617,7 @@ The object keys are the directives (Can be any directive including modifiers), a
 
 > Note: There are a couple of caveats to x-spread:
 > - When the directive being "spread" is `x-for`, you should return a normal expression string from the callback. For example: `['x-for']() { return 'item in items' }`.
-> - `x-data` and `x-init` can't be used inside a "spread" object
+> - `x-data` and `x-init` can't be used inside a "spread" object.
 
 ---
 
@@ -765,7 +765,7 @@ If you need to access $dispatch inside of a JavaScript function you can pass it
 You can "watch" a component property with the `$watch` magic method. In the above example, when the button is clicked and `open` is changed, the provided callback will fire and `console.log` the new value.
 
 ## Security
-If you find a security vulnerability, please send an email to [calebporzio@gmail.com]()
+If you find a security vulnerability, please send an email to [calebporzio@gmail.com]().
 
 Alpine relies on a custom implementation using the `Function` object to evaluate its directives. Despite being more secure then `eval()`, its use is prohibited in some environments, such as Google Chrome App, using restrictive Content Security Policy (CSP).
 

README.pt.md

@@ -81,7 +81,7 @@ _Tabs_
 ```
 
 Podemos até usá-lo para coisas não triviais:
-_Pré pedido de conteudo para o HTML da dropdown ao passar com o rato_
+_Pré pedido de conteudo para o HTML da dropdown ao passar com o rato_.
 
 ```html
 <div x-data="{ open: false }">
@@ -338,7 +338,7 @@ Podemos especificar chaves específicas para escutar usando modificadores de key
 
 Exemplos: `enter`, `escape`, `arrow-up`, `arrow-down`
 
-> Nota: Também podemos ouvir a combinações de teclas do sistema como: `x-on:keydown.cmd.enter="foo"`
+> Nota: Também podemos ouvir a combinações de teclas do sistema como: `x-on:keydown.cmd.enter="foo"`.
 
 **`.away` modificador**
 
@@ -397,7 +397,7 @@ Caso desejem personalizar isso, pode especificar um tempo de espera personalizad
 **`.camel` modificador**
 **Exemplo:** `<input x-on:event-name.camel="doSomething()">`
 
-O modificador `camel` anexa um evento de escuta ao nome em camel case do evento equivalente. No exemplo acima, a expressão é avaliada quando o evento `eventName` for disparado no elemento
+O modificador `camel` anexa um evento de escuta ao nome em camel case do evento equivalente. No exemplo acima, a expressão é avaliada quando o evento `eventName` for disparado no elemento.
 
 ---
 
@@ -552,7 +552,7 @@ Podemos ter encadeamento de ciclos `x-for`, mas DEVEMOS envolver cada ciclo em u
 </template>
 ```
 
-> O exemplo acima usa classes de [Tailwind CSS](https://tailwindcss.com)
+> O exemplo acima usa classes de [Tailwind CSS](https://tailwindcss.com).
 
 Alpine oferece 6 diretivas de transição diferentes para aplicar classes a vários estágios da transição de um elemento entre os estados "oculto" e "mostrado". Essas diretivas funcionam tanto com `x-show` E`x-if`.
 
@@ -774,7 +774,7 @@ Podemos "assistir" uma propriedade de componente com o método mágico `$watch`.
 
 ## Segurança
 
-Caso encontrarem uma vulnerabilidade de segurança, envie um email para [calebporzio@gmail.com](mailto:calebporzio@gmail.com)
+Caso encontrarem uma vulnerabilidade de segurança, envie um email para [calebporzio@gmail.com](mailto:calebporzio@gmail.com).
 
 O Alpine conta com uma implementação personalizada usando o objeto `Function` para avaliar suas diretivas. Apesar de ser mais seguro que o `eval()`, o seu uso é proibido em alguns ambientes, como o Google Chrome App, usando a Política de Segurança de Conteúdo restritiva (CSP).
 

README.ru.md

@@ -100,7 +100,7 @@ Alpine.js можно использовать и для более серьез
 | [`x-data`](#x-data) | Объявляет новый компонент и его данные. |
 | [`x-init`](#x-init) | Выполняет переданное выражение, когда компонент инициализируется. |
 | [`x-show`](#x-show) | Переключает `display: none;` на элементе, в зависимости от результата переданного выражения (true или false). |
-| [`x-bind`](#x-bind) | Устанавливает значение атрибута равным результату переданного JS-выражения |
+| [`x-bind`](#x-bind) | Устанавливает значение атрибута равным результату переданного JS-выражения. |
 | [`x-on`](#x-on) | Устанавливает обработчик события на элемент. Когда событие срабатывает, выполняет переданное JS-выражение. |
 | [`x-model`](#x-model) | Добавляет "двустороннюю привязку данных" (two-way data binding) на элемент. Синхронизирует элемент и данные компонента. |
 | [`x-text`](#x-text) | Устанавливает значение `innerText` элемента равным результату переданного JS-выражения. |
@@ -108,7 +108,7 @@ Alpine.js можно использовать и для более серьез
 | [`x-ref`](#x-ref) | Удобный способ получения DOM-элементов вашего компонента. |
 | [`x-if`](#x-if) | При невыполнении переданного условия полностью удаляет элемент из DOM. Должна использоваться в теге `<template>`. |
 | [`x-for`](#x-for) | Создает новые DOM узлы для каждого элемента в массиве. Должна использоваться в теге `<template>`. |
-| [`x-transition`](#x-transition) | Директивы для добавления классов различным стадиям перехода (transition) элемента |
+| [`x-transition`](#x-transition) | Директивы для добавления классов различным стадиям перехода (transition) элемента. |
 | [`x-spread`](#x-spread) | Позволяет вам привязывать объект с директивами Alpine к элементам, улучшая переиспользуемость. |
 | [`x-cloak`](#x-cloak) | Удаляется при инициализации Alpine. Полезна для скрытия DOM до инициализации. |
 
@@ -713,7 +713,7 @@ Alpine предлагает 6 разных transition-директив для д
 Магический метод `$watch` позволяет следить за выбранным свойством компонента. В примере выше при нажатии на кнопку: 1) значение `open` изменится; 2) выполнится переданный в `$watch` колбэк; 3) в консоль выведется новое значение.
 
 ## Безопасность
-Если вы нашли уязвимость, пожалуйста, отправьте письмо на [calebporzio@gmail.com]()
+Если вы нашли уязвимость, пожалуйста, отправьте письмо на [calebporzio@gmail.com]().
 
 Alpine полагается на собственную реализацию, которая использует объект `Function` для оценки своих директив. Несмотря на то, что он безопаснее, чем `eval()`, его использование запрещено в некоторых средах, таких как Google Chrome App, т.е. использующих Политику защиты контента (CSP).
 

README.zh-TW.md

@@ -109,8 +109,8 @@ import 'alpinejs'
 | [`x-ref`](#x-ref) |從元素中取得原始 DOM 元素的簡便方法。 |
 | [`x-if`](#x-if) | 從 DOM 中完全移除元素。必須在 `<template>` 標籤上使用。 |
 | [`x-for`](#x-for) | 為陣列中的每個項目建立新 DOM 節點。必須在 `<template>` 標籤上使用。 |
-| [`x-transition`](#x-transition) | 用於在轉場的各個階段為元素設定 Class 的指示詞 |
-| [`x-spread`](#x-spread) | 為了更佳的可複用性，可將包含 Alpine 指示詞的物件繫結至元素上 |
+| [`x-transition`](#x-transition) | 用於在轉場的各個階段為元素設定 Class 的指示詞。 |
+| [`x-spread`](#x-spread) | 為了更佳的可複用性，可將包含 Alpine 指示詞的物件繫結至元素上。 |
 | [`x-cloak`](#x-cloak) | 該屬性會在 Alpine 初始化後移除。適合用來隱藏還未初始化的 DOM。 |
 
 以及 6 個魔法屬性：
@@ -734,7 +734,7 @@ Alpine 中提供了 6 中不同的變換指示詞，可用於在元素變換的
 可通過 `$watch` 魔法方法來「監聽 (Watch)」元件屬性。在上述例子中，當按鈕點擊後 `open` 會該表，接著會指定給定的回呼並以新的值來執行 `console.log`。
 
 ## 安全性 Security
-若你發現安全性漏洞，請傳送電子郵件至 [calebporzio@gmail.com]()
+若你發現安全性漏洞，請傳送電子郵件至 [calebporzio@gmail.com]()。
 
 Alpine 仰賴與使用 `Function` 物件來自定實作以對指示詞取值。雖然比 `eval()` 來的安全，但這個做法依然在一些環境下被禁止，如 Google Chrome App 使用了限制性的 CSP (Content Security Policy，內容安全性原則)。