improve data expression tryCatch

src/component.js

@@ -28,9 +28,7 @@ export default class Component {
             Object.defineProperty(dataExtras, `$${name}`, { get: function () { return callback(canonicalComponentElementReference) } });
         })
 
-        tryCatch(() => {
-            this.unobservedData = componentForClone ? componentForClone.getUnobservedData() : saferEval(dataExpression, dataExtras)
-        }, { el, expression: dataExpression })
+        this.unobservedData = componentForClone ? componentForClone.getUnobservedData() : tryCatch(() => saferEval(dataExpression, dataExtras), { el, expression: dataExpression })
 
         /* IE11-ONLY:START */
             // For IE11, add our magic properties to the original data for access.

src/utils.js

@@ -66,7 +66,7 @@ export function debounce(func, wait) {
 }
 
 const handleError = (el, expression, error) => {
-    console.error(`Alpine: error in expression "${expression}" in component: `, el, `due to "${error}"`);
+    console.error(`Alpine: error in expression "${expression}" in component:`, el, `due to "${error}"`);
     if (!isTesting()) {
         throw error;
     }

test/error.spec.js

@@ -23,7 +23,7 @@ test('error in x-data eval contains element, expression and original error', asy
     `
     await expect(Alpine.start()).rejects.toThrow()
     expect(mockConsoleError).toHaveBeenCalledWith(
-        "Alpine: error in expression \"{ foo: 'bar' \" in component: ",
+        "Alpine: error in expression \"{ foo: 'bar' \" in component:",
         document.querySelector('[x-data]'),
         "due to \"SyntaxError: Unexpected token ')'\""
     )
@@ -37,7 +37,7 @@ test('error in x-bind eval contains element, expression and original error', asy
     `
     await Alpine.start()
     expect(mockConsoleError).toHaveBeenCalledWith(
-        "Alpine: error in expression \"foo.bar\" in component: ",
+        "Alpine: error in expression \"foo.bar\" in component:",
         document.querySelector('[x-bind:foo]'),
         "due to \"TypeError: Cannot read property 'bar' of null\""
     )
@@ -51,7 +51,7 @@ test('error in x-model eval contains element, expression and original error', as
     `
     await Alpine.start()
     expect(mockConsoleError).toHaveBeenCalledWith(
-        "Alpine: error in expression \"foo.bar\" in component: ",
+        "Alpine: error in expression \"foo.bar\" in component:",
         document.querySelector('[x-model]'),
         "due to \"TypeError: Cannot read property 'bar' of null\""
     )
@@ -67,7 +67,7 @@ test('error in x-for eval contains element, expression and original error', asyn
     `
     await expect(Alpine.start()).rejects.toThrow()
     expect(mockConsoleError).toHaveBeenCalledWith(
-        "Alpine: error in expression \"foo\" in component: ",
+        "Alpine: error in expression \"foo\" in component:",
         document.querySelector('[x-for]'),
         "due to \"ReferenceError: foo is not defined\""
     )