feat(no-inline-styles): allowing transitions by default (#911)

Closes #902

Author: marekdedic

.changeset/twenty-nails-end.md

@@ -0,0 +1,5 @@
+---
+'eslint-plugin-svelte': minor
+---
+
+feat(no-inline-styles): allowing transitions by default

docs/rules/no-inline-styles.md

@@ -50,13 +50,13 @@ This rule reports all attributes and directives that would compile to inline sty
   "svelte/no-inline-styles": [
     "error",
     {
-      "allowTransitions": false
+      "allowTransitions": true
     }
   ]
 }
 ```
 
-- `allowTransitions` ... Most svelte transitions (including the built-in ones) use inline styles. However, it is theoretically possible to only use transitions that don't (see this [issue](https://github.com/sveltejs/svelte/issues/6662) about removing inline styles from built-in transitions). This option allows transitions to be used in such cases. Default `false`.
+- `allowTransitions` ... Some svelte transitions (including the built-in ones in Svelte 4 and older) use inline styles. This option allows transitions to be used. Default `true`.
 
 ## :books: Further Reading
 

packages/eslint-plugin-svelte/src/rules/no-inline-styles.ts

@@ -26,7 +26,7 @@ export default createRule('no-inline-styles', {
 		type: 'suggestion'
 	},
 	create(context) {
-		const allowTransitions: boolean = context.options[0]?.allowTransitions ?? false;
+		const allowTransitions: boolean = context.options[0]?.allowTransitions ?? true;
 		return {
 			SvelteElement(node) {
 				if (node.kind !== 'html') {

packages/eslint-plugin-svelte/tests/fixtures/rules/no-inline-styles/valid/allowed-transitions/_config.json packages/eslint-plugin-svelte/tests/fixtures/rules/no-inline-styles/invalid/disallowed-transitions/_config.json

@@ -1,7 +1,7 @@
 {
 	"options": [
 		{
-			"allowTransitions": true
+			"allowTransitions": false
 		}
 	]
 }