docs: coderabbit suggestion

MGREMY · MGREMY · commit 7d0d35c6770f · 2025-08-02T12:06:41.000+02:00
diff --git a/apps/docs/docs/components/accordion/ng-doc.page.ts b/apps/docs/docs/components/accordion/ng-doc.page.ts
@@ -36,7 +36,7 @@ const Accordion: NgDocPage = {
       { title: 'Accordion item content', content: toIndentedJson(flowbiteAccordionItemTheme) },
       { title: 'Accordion title theme', content: toIndentedJson(flowbiteAccordionTitleTheme) },
       { title: 'Accordion content', content: toIndentedJson(flowbiteAccordionContentTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/alert/ng-doc.page.ts b/apps/docs/docs/components/alert/ng-doc.page.ts
@@ -34,7 +34,7 @@ const Alert: NgDocPage = {
       { title: 'Alert theme', content: toIndentedJson(flowbiteAlertTheme) },
       { title: 'Alert content theme', content: toIndentedJson(flowbiteAlertContentTheme) },
       { title: 'Alert button theme', content: toIndentedJson(flowbiteAlertButtonTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/badge/ng-doc.page.ts b/apps/docs/docs/components/badge/ng-doc.page.ts
@@ -34,7 +34,7 @@ const Badge: NgDocPage = {
       { title: 'Badge', content: toIndentedJson(flowbiteBadgeTheme) },
       { title: 'Badge link', content: toIndentedJson(flowbiteBadgeLinkTheme) },
       { title: 'Badge button', content: toIndentedJson(flowbiteBadgeButtonTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/breadcrumb/ng-doc.page.ts b/apps/docs/docs/components/breadcrumb/ng-doc.page.ts
@@ -26,7 +26,7 @@ const Breadcrumb: NgDocPage = {
       { title: 'Breadcrumb', content: toIndentedJson(flowbiteBreadcrumbTheme) },
       { title: 'Breadcrumb content', content: toIndentedJson(flowbiteBreadcrumbContentTheme) },
       { title: 'Breadcrumb item', content: toIndentedJson(flowbiteBreadcrumbItemTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/button/ng-doc.page.ts b/apps/docs/docs/components/button/ng-doc.page.ts
@@ -30,7 +30,7 @@ const Button: NgDocPage = {
     flowbiteGroupComponent: FlowbiteGroupComponent,
   },
   data: {
-    themes: [{ title: 'Button', content: toIndentedJson(flowbiteButtonTheme) }] as DocThemes,
+    themes: [{ title: 'Button', content: toIndentedJson(flowbiteButtonTheme) }] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/card/ng-doc.page.ts b/apps/docs/docs/components/card/ng-doc.page.ts
@@ -26,7 +26,7 @@ const Card: NgDocPage = {
       { title: 'Card content', content: toIndentedJson(flowbiteCardContentTheme) },
       { title: 'Card header', content: toIndentedJson(flowbiteCardHeaderTheme) },
       { title: 'Card', content: toIndentedJson(flowbiteCardTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/clipboard/ng-doc.page.ts b/apps/docs/docs/components/clipboard/ng-doc.page.ts
@@ -18,7 +18,9 @@ const Clipboard: NgDocPage = {
     flowbiteDefaultComponent: FlowbiteDefaultComponent,
   },
   data: {
-    themes: [{ title: 'Clipboard', content: toIndentedJson(flowbiteClipboardTheme) }] as DocThemes,
+    themes: [
+      { title: 'Clipboard', content: toIndentedJson(flowbiteClipboardTheme) },
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/dropdown/ng-doc.page.ts b/apps/docs/docs/components/dropdown/ng-doc.page.ts
@@ -26,7 +26,7 @@ const Dropdown: NgDocPage = {
       { title: 'Dropdown content', content: toIndentedJson(flowbiteDropdownContentTheme) },
       { title: 'Dropdown item', content: toIndentedJson(flowbiteDropdownItemTheme) },
       { title: 'Dropdown', content: toIndentedJson(flowbiteDropdownTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/icon/ng-doc.page.ts b/apps/docs/docs/components/icon/ng-doc.page.ts
@@ -18,7 +18,7 @@ const Icon: NgDocPage = {
     flowbiteDefaultComponent: FlowbiteDefaultComponent,
   },
   data: {
-    themes: [{ title: 'Icon', content: toIndentedJson(flowbiteIconTheme) }] as DocThemes,
+    themes: [{ title: 'Icon', content: toIndentedJson(flowbiteIconTheme) }] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/indicator/ng-doc.page.ts b/apps/docs/docs/components/indicator/ng-doc.page.ts
@@ -18,7 +18,9 @@ const Indicator: NgDocPage = {
     flowbiteDefaultComponent: FlowbiteDefaultComponent,
   },
   data: {
-    themes: [{ title: 'Indicator', content: toIndentedJson(flowbiteIndicatorTheme) }] as DocThemes,
+    themes: [
+      { title: 'Indicator', content: toIndentedJson(flowbiteIndicatorTheme) },
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/input/ng-doc.page.ts b/apps/docs/docs/components/input/ng-doc.page.ts
@@ -28,7 +28,7 @@ const Input: NgDocPage = {
       { title: 'Form field', content: toIndentedJson(flowbiteFormFieldTheme) },
       { title: 'Helper', content: toIndentedJson(flowbiteHelperTheme) },
       { title: 'Label', content: toIndentedJson(flowbiteLabelTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/modal/ng-doc.page.ts b/apps/docs/docs/components/modal/ng-doc.page.ts
@@ -34,7 +34,7 @@ const Modal: NgDocPage = {
       { title: 'Modal header', content: toIndentedJson(flowbiteModalHeaderTheme) },
       { title: 'Modal overlay', content: toIndentedJson(flowbiteModalOverlayTheme) },
       { title: 'Modal', content: toIndentedJson(flowbiteModalTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/navbar/ng-doc.page.ts b/apps/docs/docs/components/navbar/ng-doc.page.ts
@@ -32,7 +32,7 @@ const Navbar: NgDocPage = {
       { title: 'Navbar item', content: toIndentedJson(flowbiteNavbarItemTheme) },
       { title: 'Navbar', content: toIndentedJson(flowbiteNavbarTheme) },
       { title: 'Navbar toggle', content: toIndentedJson(flowbiteNavbarToggleTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/pagination/ng-doc.page.ts b/apps/docs/docs/components/pagination/ng-doc.page.ts
@@ -32,7 +32,7 @@ const Pagination: NgDocPage = {
       { title: 'Pagination next', content: toIndentedJson(flowbitePaginationNextTheme) },
       { title: 'Pagination previous', content: toIndentedJson(flowbitePaginationPreviousTheme) },
       { title: 'Pagination', content: toIndentedJson(flowbitePaginationTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/sidebar/ng-doc.page.ts b/apps/docs/docs/components/sidebar/ng-doc.page.ts
@@ -28,7 +28,7 @@ const Sidebar: NgDocPage = {
       { title: 'Sidebar item', content: toIndentedJson(flowbiteSidebarItemTheme) },
       { title: 'Sidebar', content: toIndentedJson(flowbiteSidebarTheme) },
       { title: 'Sidebar toggle', content: toIndentedJson(flowbiteSidebarToggleTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/tab/ng-doc.page.ts b/apps/docs/docs/components/tab/ng-doc.page.ts
@@ -28,7 +28,7 @@ const Tab: NgDocPage = {
       { title: 'Tab content', content: toIndentedJson(flowbiteTabContentTheme) },
       { title: 'Tab list', content: toIndentedJson(flowbiteTabListTheme) },
       { title: 'Tab', content: toIndentedJson(flowbiteTabTheme) },
-    ] as DocThemes,
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/components/tooltip/ng-doc.page.ts b/apps/docs/docs/components/tooltip/ng-doc.page.ts
@@ -18,7 +18,9 @@ const Tooltip: NgDocPage = {
     flowbiteDefaultComponent: FlowbiteDefaultComponent,
   },
   data: {
-    themes: [{ title: 'Tooltip', content: toIndentedJson(flowbiteTooltipTheme) }] as DocThemes,
+    themes: [
+      { title: 'Tooltip', content: toIndentedJson(flowbiteTooltipTheme) },
+    ] satisfies DocThemes,
   },
 };
 
diff --git a/apps/docs/docs/customize/use-custom-style/index.md b/apps/docs/docs/customize/use-custom-style/index.md
@@ -7,7 +7,7 @@ keyword: UseCustomStylePage
 On each component call, you can give a <span class="text-primary-500">customTheme</span> value.
 
 ```angular-html
-<div flowbiteAlert [customTheme]='{ root: { base: 'bg-black' } }'>
+<div flowbiteAlert [customTheme]="{ root: { base: 'bg-black' } }">
     Hello World !
 </div>
 ```
diff --git a/apps/docs/docs/shared/theme-macro.md b/apps/docs/docs/shared/theme-macro.md
@@ -14,12 +14,9 @@
 
 {% endif %}
 
+<!-- prettier-ignore -->
 ```typescript
-{
-  {
-    theme.content;
-  }
-}
+{{ theme.content;}}
 ```
 
 {% endfor %} {% endmacro %}
