fix: Handling multiline class names

lib/rules/no-multiple-whitespace.js

@@ -123,18 +123,22 @@ module.exports = {
         }
       }
 
-
-      let { whitespaces } = astUtil.extractClassnamesFromValue(originalClassNamesValue);
-
-      if(whitespaces.some(whitespace => whitespace.length > 1) || originalClassNamesValue.trim() !== originalClassNamesValue) {
-        context.report({
-          node: node,
-          messageId: 'multipleWhitespaceDetected',
-          fix: function (fixer) {
-            const newText = originalClassNamesValue.trim().replace(/\s+/g, ' ').trim();
-            return fixer.replaceTextRange([start, end], newText);
-          },
-        })
+      // Class names on multiple lines
+      if (/\r|\n/.test(originalClassNamesValue)) {
+        return;
+      } else {
+        let { whitespaces } = astUtil.extractClassnamesFromValue(originalClassNamesValue);
+
+        if(whitespaces.some(whitespace => whitespace.length > 1) || originalClassNamesValue.trim() !== originalClassNamesValue) {
+          context.report({
+            node: node,
+            messageId: 'multipleWhitespaceDetected',
+            fix: function (fixer) {
+              const newText = originalClassNamesValue.trim().replace(/\s+/g, ' ').trim();
+              return fixer.replaceTextRange([start, end], newText);
+            },
+          })
+        }
       }
     };
 

tests/lib/rules/no-multiple-whitespace.js

@@ -42,6 +42,16 @@ ruleTester.run("multiple whitespace", rule, {
       <span class="bg-red-50 text-xl"></span>
       `,
     },
+    {
+      code: `
+      ctl(\`
+        sm:w-6
+        container
+        w-12
+        flex
+        lg:w-4
+      \`);`,
+    },
   ],
 
   invalid: [