extract get utlilties to a function

packages/alpinejs/src/magics.js

@@ -1,6 +1,4 @@
-import { getElementBoundUtilities } from './directives'
-import { interceptor } from './interceptor'
-import { onElRemoved } from './mutation'
+import { getUtilities } from "./utils/get-utlilties";
 
 let magics = {}
 
@@ -9,19 +7,12 @@ export function magic(name, callback) {
 }
 
 export function injectMagics(obj, el) {
-    let memoizedUtilities = null;
+    let memoizedUtilities = getUtilities();
 
-    function getUtilities() {
-        let [utilities, cleanup] = getElementBoundUtilities(el)
-        memoizedUtilities = {interceptor, ...utilities}
-        onElRemoved(el, cleanup)
-        return memoizedUtilities;
-    }
-
     Object.entries(magics).forEach(([name, callback]) => {
         Object.defineProperty(obj, `$${name}`, {
             get() {
-                return callback(el, memoizedUtilities || getUtilities());
+                return callback(el, memoizedUtilities);
             },
             enumerable: false,
         })

packages/alpinejs/src/utils/get-utlilties.js

@@ -0,0 +1,12 @@
+import { getElementBoundUtilities } from "../directives";
+import { interceptor } from "../interceptor";
+import { onElRemoved } from "../mutation";
+
+/// Get the utilities for a given element.
+/// @param el - The element to get the utilities for.
+export function getUtilities(el) {
+    let [utilities, cleanup] = getElementBoundUtilities(el)
+    const utils = { interceptor, ...utilities }
+    onElRemoved(el, cleanup)
+    return utils;
+}