feat(docs): update integration patterns documentation with new Standalone Livewire section and Blade example

Author: ManukMinasyan

docs/content/2.essentials/1.integration-patterns.md

@@ -7,9 +7,66 @@ navigation:
 
 Flowforge provides three flexible integration patterns to fit different use cases and application architectures.
 
-## Custom Page
+## Standalone Livewire
+
+Use in any Laravel application - complete flexibility for custom interfaces.
+
+```php
+<?php
+
+namespace App\Livewire;
+
+use App\Models\Task;
+use Filament\Actions\Concerns\InteractsWithActions;
+use Filament\Actions\Contracts\HasActions;
+use Filament\Forms\Concerns\InteractsWithForms;
+use Filament\Forms\Contracts\HasForms;
+use Livewire\Component;
+use Relaticle\Flowforge\Board;
+use Relaticle\Flowforge\Column;
+use Relaticle\Flowforge\Concerns\InteractsWithBoard;
+use Relaticle\Flowforge\Contracts\HasBoard;
+
+class TaskBoard extends Component implements HasBoard, HasActions, HasForms
+{
+    use InteractsWithBoard;
+    use InteractsWithActions;
+    use InteractsWithForms;
+
+    public function board(Board $board): Board
+    {
+        return $board
+            ->query(Task::query())
+            ->columnIdentifier('status')
+            ->positionIdentifier('position')
+            ->columns([
+                Column::make('todo')->label('To Do')->color('gray'),
+                Column::make('in_progress')->label('In Progress')->color('blue'),
+                Column::make('completed')->label('Completed')->color('green'),
+            ]);
+    }
+
+    public function render()
+    {
+        return view('livewire.task-board');
+    }
+}
+```
+
+```blade
+{{-- resources/views/livewire/task-board.blade.php --}}
+<div>
+    <h1 class="text-2xl font-bold mb-6">Task Board</h1>
+    {{ $this->board }}
+</div>
+```
+
+**Use when:** Building customer-facing apps, custom dashboards, or non-Filament applications  
+**Benefits:** Maximum flexibility, custom styling, independent routing, works anywhere
+
+## Filament Page
 
-Perfect for dedicated board pages in your admin panel.
+Perfect for dedicated Kanban pages in your Filament admin panel.
 
 ```php
 <?php
@@ -94,62 +151,5 @@ public static function getPages(): array
 }
 ```
 
-**Use when:** You want to add Kanban to existing Filament resources  
-**Benefits:** Inherits resource permissions, policies, and global scopes
-
-## Standalone Livewire
-
-Use outside of Filament or in custom applications.
-
-```php
-<?php
-
-namespace App\Livewire;
-
-use App\Models\Task;
-use Filament\Actions\Concerns\InteractsWithActions;
-use Filament\Actions\Contracts\HasActions;
-use Filament\Forms\Concerns\InteractsWithForms;
-use Filament\Forms\Contracts\HasForms;
-use Livewire\Component;
-use Relaticle\Flowforge\Board;
-use Relaticle\Flowforge\Column;
-use Relaticle\Flowforge\Concerns\InteractsWithBoard;
-use Relaticle\Flowforge\Contracts\HasBoard;
-
-class TaskBoard extends Component implements HasBoard, HasActions, HasForms
-{
-    use InteractsWithBoard;
-    use InteractsWithActions;
-    use InteractsWithForms;
-
-    public function board(Board $board): Board
-    {
-        return $board
-            ->query(Task::query())
-            ->columnIdentifier('status')
-            ->positionIdentifier('position')
-            ->columns([
-                Column::make('todo')->label('To Do')->color('gray'),
-                Column::make('in_progress')->label('In Progress')->color('blue'),
-                Column::make('completed')->label('Completed')->color('green'),
-            ]);
-    }
-
-    public function render()
-    {
-        return view('livewire.task-board');
-    }
-}
-```
-
-```blade
-{{-- resources/views/livewire/task-board.blade.php --}}
-<div>
-    <h1 class="text-2xl font-bold mb-6">Task Board</h1>
-    {{ $this->board }}
-</div>
-```
-
-**Use when:** Building custom interfaces or non-Filament applications  
-**Benefits:** Maximum flexibility, custom styling, independent routing
+**Use when:** Adding Kanban views to existing Filament resources  
+**Benefits:** Inherits resource permissions, policies, and global scopes automatically

docs/nuxt.config.ts

@@ -26,7 +26,8 @@ export default defineNuxtConfig({
             markdown: {
                 highlight: {
                     langs: [
-                        'php'
+                        'php',
+                        'blade'
                     ]
                 }
             }