From 3d8423eff5b30d6966eee8953df9ce6964f9b9dc Mon Sep 17 00:00:00 2001
From: Julian Jandl <julian@jandl.wien>
Date: Tue, 28 Jan 2025 12:10:47 +0100
Subject: [PATCH] chore(docs): fix formatting

---
 .../docs/template/virtual-view-directive.mdx  | 22 +++++--------------
 1 file changed, 6 insertions(+), 16 deletions(-)

diff --git a/apps/docs/docs/template/virtual-view-directive.mdx b/apps/docs/docs/template/virtual-view-directive.mdx
index fd2c853ea..b224532f4 100644
--- a/apps/docs/docs/template/virtual-view-directive.mdx
+++ b/apps/docs/docs/template/virtual-view-directive.mdx
@@ -47,23 +47,18 @@ RxVirtualView is designed to work in combination with related directives:
 ### Show a widget when it's visible, otherwise show a placeholder
 
 ```typescript
-import {
-  RxVirtualView,
-  RxVirtualViewContent,
-  RxVirtualViewObserver,
-  RxVirtualViewPlaceholder,
-} from '@rx-angular/template/virtual-view';
+import { RxVirtualView, RxVirtualViewContent, RxVirtualViewObserver, RxVirtualViewPlaceholder } from '@rx-angular/template/virtual-view';
 // Other imports...
 
 @Component({
   selector: 'my-list',
-  imports: [RxVirtualView,  RxVirtualViewContent,  RxVirtualViewObserver,  RxVirtualViewPlaceholder],
+  imports: [RxVirtualView, RxVirtualViewContent, RxVirtualViewObserver, RxVirtualViewPlaceholder],
   templateUrl: './my-list.component.html',
   styleUrls: ['./my-list.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MyListComponent {
-// Component code
+  // Component code
 }
 ```
 
@@ -104,23 +99,18 @@ This example demonstrates how to use RxVirtualView to optimize lists by only ren
 We are only rendering the `item` component when it's visible to the user. Otherwise, it gets replaced by an empty div.
 
 ```typescript
-import {
-  RxVirtualView,
-  RxVirtualViewContent,
-  RxVirtualViewObserver,
-  RxVirtualViewPlaceholder,
-} from '@rx-angular/template/virtual-view';
+import { RxVirtualView, RxVirtualViewContent, RxVirtualViewObserver, RxVirtualViewPlaceholder } from '@rx-angular/template/virtual-view';
 // Other imports...
 
 @Component({
   selector: 'my-list',
-  imports: [RxVirtualView,  RxVirtualViewContent,  RxVirtualViewObserver,  RxVirtualViewPlaceholder],
+  imports: [RxVirtualView, RxVirtualViewContent, RxVirtualViewObserver, RxVirtualViewPlaceholder],
   templateUrl: './my-list.component.html',
   styleUrls: ['./my-list.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MyListComponent {
-// Component code
+  // Component code
 }
 ```