fix: few issues leading to invalid output template

src/__tests__/__snapshots__/attr-conditional-expression.expected/auto.marko

@@ -1 +1 @@
-<div data-foo=a ? b : c data-bar=a ? b : c/>
+<div data-foo=(a ? b : c) data-bar=(a ? b : c)/>

src/__tests__/__snapshots__/attr-conditional-expression.expected/concise.marko

@@ -1 +1 @@
-div data-foo=a ? b : c data-bar=a ? b : c
+div data-foo=(a ? b : c) data-bar=(a ? b : c)

src/__tests__/__snapshots__/attr-conditional-expression.expected/html.marko

@@ -1 +1 @@
-<div data-foo=a ? b : c data-bar=a ? b : c/>
+<div data-foo=(a ? b : c) data-bar=(a ? b : c)/>

src/__tests__/__snapshots__/scriptlet-multi-line.expected/auto.marko

@@ -1,3 +1,5 @@
-$ var foo = {
-  bar: "foo",
-};
+$ {
+  var foo = {
+    bar: "foo",
+  };
+}

src/__tests__/__snapshots__/scriptlet-multi-line.expected/concise.marko

@@ -1,3 +1,5 @@
-$ var foo = {
-  bar: "foo",
-};
+$ {
+  var foo = {
+    bar: "foo",
+  };
+}

src/__tests__/__snapshots__/scriptlet-multi-line.expected/html.marko

@@ -1,3 +1,5 @@
-$ var foo = {
-  bar: "foo",
-};
+$ {
+  var foo = {
+    bar: "foo",
+  };
+}

src/__tests__/__snapshots__/scriptlet-multi-line.expected/with-parens.marko

@@ -1,3 +1,5 @@
-$ var foo = {
-  bar: "foo",
-};
+$ {
+  var foo = {
+    bar: "foo",
+  };
+}

src/index.ts

@@ -115,6 +115,18 @@ export const parsers: Record<string, Parser<Node>> = {
         output: "source",
         sourceMaps: false,
         writeVersionComment: false,
+        babelConfig: {
+          caller: { name: "@marko/prettier" },
+          babelrc: false,
+          configFile: false,
+          parserOpts: {
+            allowUndeclaredExports: true,
+            allowAwaitOutsideFunction: true,
+            allowReturnOutsideFunction: true,
+            allowImportExportEverywhere: true,
+            plugins: ["exportDefaultFrom", "importAssertions"],
+          },
+        },
       });
 
       opts.originalText = text;
@@ -322,6 +334,7 @@ export const printers: Record<string, Printer<Node>> = {
                 t.isMarkoAttribute(childNode) &&
                 (childNode.name === "class" || childNode.name === "id") &&
                 t.isStringLiteral(childNode.value) &&
+                !childNode.modifier &&
                 shorthandIdOrClassReg.test(childNode.value.value)
               ) {
                 const symbol = childNode.name === "class" ? "." : "#";

src/utils/outer-code-matches.ts

@@ -82,7 +82,7 @@ const unenclosedPatterns: Pattern[] = [
   {
     // Symbol operators
     match:
-      /\s*(?:[\^~%:!]|\+{1,2}|\*{1,2}|-(?:-(?!\s))?|&{1,2}|\|{1,2}|\?{1,2}|[!=]={0,2}|<{2,3}|>{2,3}|<=?|>=)\s*/y,
+      /\s*(?:[\^~%!]|\+{1,2}|\*{1,2}|-(?:-(?!\s))?|&{1,2}|\|{1,2}|!={0,2}|===?|<{2,3}|>{2,3}|<=?|>=)\s*/y,
   },
 ].concat(enclosedPatterns);