## CDN ```html <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script> <script src="https://unpkg.com/@juno0424/hapi@latest/dist/hapi.min.js"></script> ```

Wrapper of Alpine JS plugin for HAPI Form, works on Laravel API endpoint. ## CDN ```html <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script> <script src="https://unpkg.com/@juno0424/hapi@latest/dist/hapi.min.js"></script> ```

juno0424

@juno0424/hapi

    "build": "esbuild index.js --bundle --minify --outfile=./dist/hapi.min.js",

    "watch": "esbuild index.js --watch --bundle --minify --outfile=./dist/hapi.min.js"

- name – The name of the instance, to be matched with `x-data="name"`.

- endpoint – The form endpoint URL generated from the backend.

- redirectTo – Location to be redirected after success. Eg: "/thank-you" or "https://example.com". (Optional)

  - filepond – Filepond object. (Filepond plugin required)

  - el – Select `input` element if you're using normal upload.

      colors; [] // Example an empty array of colors

When submission is success, Hapi will emit `hapi:success` event.

When submission has error, Hapi will emit `hapi:error` event.

		{
		"name": "@juno0424/hapi",
		"version": " 0.6.2",
		"version": " 0.6.3",
		"main": "index.js",
		@@ -5,0 +5,0 @@ "license": "MIT",

		# HAPI Form Plugin

		## CDN
		```html
		<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
		<script src="https://unpkg.com/@juno0424/hapi@latest/dist/hapi.min.js"></script>
		```

		## Usage
		```js
		```html
		<script>
		Hapi.form({
		@@ -16,2 +23,3 @@ name: "",
		});
		</script>
		```
		@@ -18,0 +26,0 @@

Improved metrics