Forcing an attribute per line.

Author: ackzell

eslint.config.ts

@@ -30,10 +30,10 @@ export default antfu({
     // Vue template formatting
     'vue/max-attributes-per-line': [
       'warn', // Use 'warn' instead of 'error' for less strict enforcement
-      {
-        singleline: 3,
-        multiline: 2,
-      },
+      // {
+      //   singleline: 3,
+      //   multiline: 2,
+      // },
     ],
     'vue/first-attribute-linebreak': ['warn', {
       singleline: 'ignore',

src/App.vue

@@ -53,7 +53,10 @@ onMounted(async () => {
 
 <template>
   <div class="repl-container">
-    <div v-if="errormessage" class="error">
+    <div
+      v-if="errormessage"
+      class="error"
+    >
       {{ errormessage }}
     </div>
     <ReplHeader
@@ -62,12 +65,16 @@ onMounted(async () => {
     />
     <Repl
       :editor="Monaco"
-      :show-compile-output="false" :show-import-map="false"
-      :show-ts-config="false" :theme="theme"
+      :show-compile-output="false"
+      :show-import-map="false"
+      :show-ts-config="false"
+      :theme="theme"
       :editor-options="{
         autoSaveText: false,
-      }" :store
-      @keydown.ctrl.s.prevent @keydown.meta.s.prevent
+      }"
+      :store
+      @keydown.ctrl.s.prevent
+      @keydown.meta.s.prevent
     />
   </div>
 </template>