example of compare

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## 0.2.0
 
 - Wrap center align to parent.
+- Add examples to compare before and after.
 
 ## 0.1.0
 

README.md

@@ -1,3 +1,52 @@
 # Modifier
 
 Syntax sugar optimizations to avoid nesting hell in Flutter.
+
+Before:
+
+```dart
+import 'package:flutter/widgets.dart';
+
+void main() {
+  runApp(const App());
+}
+
+class App extends StatelessWidget {
+  const App({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final media = MediaQueryData.fromView(View.of(context));
+    return MediaQuery(
+      data: media,
+      child: const Directionality(
+        textDirection: TextDirection.ltr,
+        child: Center(
+          child: Text('app root'),
+        ),
+      ),
+    );
+  }
+}
+```
+
+After:
+
+```dart
+import 'package:flutter/widgets.dart';
+import 'package:modifier/modifier.dart';
+
+void main() {
+  runApp(const App());
+}
+
+class App extends StatelessWidget {
+  const App({super.key});
+
+  @override
+  Widget build(BuildContext context) => const Text('app root')
+      .center
+      .ensureDirection(context)
+      .ensureMedia(context);
+}
+```

example/after.dart

@@ -0,0 +1,16 @@
+import 'package:flutter/widgets.dart';
+import 'package:modifier/modifier.dart';
+
+void main() {
+  runApp(const App());
+}
+
+class App extends StatelessWidget {
+  const App({super.key});
+
+  @override
+  Widget build(BuildContext context) => const Text('app root')
+      .center
+      .ensureDirection(context)
+      .ensureMedia(context);
+}

example/before.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/widgets.dart';
+
+void main() {
+  runApp(const App());
+}
+
+class App extends StatelessWidget {
+  const App({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final media = MediaQueryData.fromView(View.of(context));
+    return MediaQuery(
+      data: media,
+      child: const Directionality(
+        textDirection: TextDirection.ltr,
+        child: Center(
+          child: Text('app root'),
+        ),
+      ),
+    );
+  }
+}