diff --git a/README.md b/README.md index 0fe3b45..fbd419c 100644 --- a/README.md +++ b/README.md @@ -1,19 +1,18 @@
-# Alpine Hold Directive +# Alpine.js Hold Directive -[![Tests](https://github.com/wireui/alpine-hold-directive/actions/workflows/test.yml/badge.svg)](https://github.com/wireui/alpine-hold-directive/actions/workflows/test.yml) +[![Tests](https://github.com/wireui/alpinejs-hold-directive/actions/workflows/test.yml/badge.svg)](https://github.com/wireui/alpinejs-hold-directive/actions/workflows/test.yml) ### 🔥 Hold Directive -The alpine-hold-directive allows you to add a hold action to an element and call it when the button is holding. - +The hold directive allows you to add a hold action to an element and call it when the button is holding. ### 📚 Get Started #### Prerequisites: @@ -21,11 +20,11 @@ The alpine-hold-directive allows you to add a hold action to an element and call #### Install ```bash -yarn add @wireui/alpine-hold-directive +yarn add @wireui/alpinejs-hold-directive or -npm i @wireui/alpine-hold-directive --save +npm i @wireui/alpinejs-hold-directive --save ``` #### Configure @@ -33,12 +32,12 @@ npm i @wireui/alpine-hold-directive --save // resources/js/app.js import Alpine from 'alpinejs' -+ import HoldDirective from '@wireui/alpine-hold-directive' ++ import HoldDirective from '@wireui/alpinejs-hold-directive' + HoldDirective.register(Alpine) // or -+ import { directive } from '@wireui/alpine-hold-directive' ++ import { directive } from '@wireui/alpinejs-hold-directive' + Alpine.directive('hold', directive) window.Alpine = Alpine diff --git a/package.json b/package.json index 6aa1dd3..920bcd2 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "@wireui/alpine-hold-directive", + "name": "@wireui/alpinejs-hold-directive", "private": false, "version": "1.0.0", "description": "Alpine.js x-hold directive",