diff --git a/dist/alpine-autosize.js b/dist/alpine-autosize.js
index 44c5574..3ef1826 100644
--- a/dist/alpine-autosize.js
+++ b/dist/alpine-autosize.js
@@ -4,9 +4,9 @@
 })((function () { 'use strict';
 
     function Autosize(Alpine) {
-      Alpine.directive('autosize', () => {
-        $el.style.height = '4px';
-        $el.style.height = `${$el.scrollHeight}px`;
+      Alpine.directive('autosize', el => {
+        el.style.height = '4px';
+        el.style.height = `${el.scrollHeight}px`;
       });
     }
 
diff --git a/dist/alpine-autosize.js.map b/dist/alpine-autosize.js.map
index 28170f3..3c5c6d7 100644
--- a/dist/alpine-autosize.js.map
+++ b/dist/alpine-autosize.js.map
@@ -1 +1 @@
-{"version":3,"file":"alpine-autosize.js","sources":["../src/index.js","../builds/cdn.js"],"sourcesContent":["function Autosize(Alpine) {\n    Alpine.directive('autosize', () => {\n        $el.style.height = '4px';\n        $el.style.height = `${$el.scrollHeight}px`;\n    });\n}\n\nexport default Autosize;\n","import autosize from '../src/index.js';\n\ndocument.addEventListener('alpine:init', () => {\n    autosize(window.Alpine);\n});\n"],"names":["Autosize","Alpine","directive","$el","style","height","scrollHeight","document","addEventListener","autosize","window"],"mappings":";;;;;IAAA,SAASA,QAAT,CAAkBC,MAAlB,EAA0B;IACtBA,EAAAA,MAAM,CAACC,SAAP,CAAiB,UAAjB,EAA6B,MAAM;IAC/BC,IAAAA,GAAG,CAACC,KAAJ,CAAUC,MAAV,GAAmB,KAAnB;IACAF,IAAAA,GAAG,CAACC,KAAJ,CAAUC,MAAV,GAAoB,GAAEF,GAAG,CAACG,YAAa,IAAvC;IACH,GAHD;IAIH;;ICHDC,QAAQ,CAACC,gBAAT,CAA0B,aAA1B,EAAyC,MAAM;IAC3CC,EAAAA,QAAQ,CAACC,MAAM,CAACT,MAAR,CAAR;IACH,CAFD;;;;;;"}
\ No newline at end of file
+{"version":3,"file":"alpine-autosize.js","sources":["../src/index.js","../builds/cdn.js"],"sourcesContent":["function Autosize(Alpine) {\n    Alpine.directive('autosize', (el) => {\n        el.style.height = '4px';\n        el.style.height = `${el.scrollHeight}px`;\n    });\n}\n\nexport default Autosize;\n","import autosize from '../src/index.js';\n\ndocument.addEventListener('alpine:init', () => {\n    autosize(window.Alpine);\n});\n"],"names":["Autosize","Alpine","directive","el","style","height","scrollHeight","document","addEventListener","autosize","window"],"mappings":";;;;;IAAA,SAASA,QAAT,CAAkBC,MAAlB,EAA0B;IACtBA,EAAAA,MAAM,CAACC,SAAP,CAAiB,UAAjB,EAA8BC,EAAD,IAAQ;IACjCA,IAAAA,EAAE,CAACC,KAAH,CAASC,MAAT,GAAkB,KAAlB;IACAF,IAAAA,EAAE,CAACC,KAAH,CAASC,MAAT,GAAmB,GAAEF,EAAE,CAACG,YAAa,IAArC;IACH,GAHD;IAIH;;ICHDC,QAAQ,CAACC,gBAAT,CAA0B,aAA1B,EAAyC,MAAM;IAC3CC,EAAAA,QAAQ,CAACC,MAAM,CAACT,MAAR,CAAR;IACH,CAFD;;;;;;"}
\ No newline at end of file