allow multiline code for {{ comp }}

lumeland · Jul 3, 2024 · 25aba5f · 25aba5f
1 parent 66dc59a
commit 25aba5f
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -16,6 +16,7 @@ Go to the `v1` branch to see the changelog of Lume 1.
 ### Fixed
 - Nav plugin: the `order` option is not applied.
 - Updated dependencies: `std`, `postcss`.
+- Vento plugin for component doesn't support multiline code.
 
 ## [2.2.2] - 2024-06-21
 ### Fixed

diff --git a/plugins/vento.ts b/plugins/vento.ts
@@ -177,7 +177,7 @@ function compTag(
   }
 
   const match = code.match(
-    /^comp\s+([\w.]+)(?:\s+(\{.*\}))?(?:\s+(\/))?$/,
+    /^comp\s+([\w.]+)(?:\s+([\s\S]+[^/]))?(?:\s+(\/))?$/,
   );
 
   if (!match) {

diff --git a/tests/__snapshots__/vento.test.ts.snap b/tests/__snapshots__/vento.test.ts.snap
@@ -183,7 +183,9 @@ CUSTOM FILTER
       ],
       content: '<h1>{{ title }}</h1>
 
-{{ comp button {href: "https://lume.land"} }}
+{{ comp button {
+  href: "https://lume.land"
+} }}
   Go to Lume
 {{ /comp }}
 

diff --git a/tests/assets/vento/index.vto b/tests/assets/vento/index.vto
@@ -5,7 +5,9 @@ layout: layout.vto
 
 <h1>{{ title }}</h1>
 
-{{ comp button {href: "https://lume.land"} }}
+{{ comp button {
+  href: "https://lume.land"
+} }}
   Go to Lume
 {{ /comp }}