fix: fix formatting v-bind.modifier

g-plane · Oct 31, 2024 · 8bc2c58 · 8bc2c58
1 parent 8f9baea
commit 8bc2c58
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 3 deletions.
diff --git a/markup_fmt/src/printer.rs b/markup_fmt/src/printer.rs
@@ -1587,11 +1587,15 @@ impl<'s> DocGen<'s> for VueDirective<'s> {
                 is_v_bind = true;
                 if let Some(arg_and_modifiers) = self.arg_and_modifiers {
                     docs.push(if let Some(VBindStyle::Short) = ctx.options.v_bind_style {
-                        Doc::text(":")
+                        if arg_and_modifiers.starts_with(':') {
+                            Doc::text("")
+                        } else {
+                            Doc::text("v-bind")
+                        }
                     } else {
-                        Doc::text("v-bind:")
+                        Doc::text("v-bind")
                     });
-                    docs.push(Doc::text(arg_and_modifiers.trim_start_matches(':')));
+                    docs.push(Doc::text(arg_and_modifiers));
                 } else {
                     docs.push(Doc::text("v-bind"));
                 }

diff --git a/markup_fmt/tests/fmt/vue/v-bind/fixture.default.snap b/markup_fmt/tests/fmt/vue/v-bind/fixture.default.snap
@@ -7,4 +7,5 @@ source: markup_fmt/tests/fmt.rs
   <button v-bind:type=""></button>
   <button v-bind:type.sync=""></button>
   <button v-bind></button>
+  <button v-bind.sync></button>
 </template>
diff --git a/markup_fmt/tests/fmt/vue/v-bind/fixture.long.snap b/markup_fmt/tests/fmt/vue/v-bind/fixture.long.snap
@@ -7,4 +7,5 @@ source: markup_fmt/tests/fmt.rs
   <button v-bind:type=""></button>
   <button v-bind:type.sync=""></button>
   <button v-bind></button>
+  <button v-bind.sync></button>
 </template>
diff --git a/markup_fmt/tests/fmt/vue/v-bind/fixture.short.snap b/markup_fmt/tests/fmt/vue/v-bind/fixture.short.snap
@@ -7,4 +7,5 @@ source: markup_fmt/tests/fmt.rs
   <button :type=""></button>
   <button :type.sync=""></button>
   <button v-bind></button>
+  <button v-bind.sync></button>
 </template>
diff --git a/markup_fmt/tests/fmt/vue/v-bind/fixture.vue b/markup_fmt/tests/fmt/vue/v-bind/fixture.vue
@@ -4,4 +4,5 @@
   <button v-bind:type=""></button>
   <button v-bind:type.sync=""></button>
   <button v-bind></button>
+  <button v-bind.sync></button>
 </template>