fix(TableWrapper): move from components/prose to components/content

Author: IgorShevchik

demo/app/composables/usePageMeta.ts

@@ -70,7 +70,7 @@ const components: IComponentInfo[] = [
   { id: 'slideover', description: 'A dialog that slides in from any side of the screen.', icon: GroupIcon },
   { id: 'switch', description: 'A control that toggles between two states.', icon: FormIcon },
   { id: 'tabs', description: 'A set of tab panels that are displayed one at a time.', icon: FolderEmptyIcon },
-  { id: 'prose/table-wrapper', description: 'Wrapper for displaying a table.', icon: GroupIcon },
+  { id: 'content/table-wrapper', description: 'Wrapper for displaying a table.', icon: GroupIcon },
   { id: 'textarea', description: 'A textarea element to input multi-line text.', icon: FormIcon },
   { id: 'toast', description: 'A succinct message to provide information or feedback to the user.', icon: GroupIcon },
   { id: 'tooltip', description: 'A popup that reveals information when hovering over an element.', icon: GroupIcon }

demo/app/pages/components/prose/table-wrapper.vue renamed to demo/app/pages/components/content/table-wrapper.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import theme from '#build/b24ui/prose/table-wrapper'
+import theme from '#build/b24ui/content/table-wrapper'
 import usePageMeta from './../../../composables/usePageMeta'
 import ExampleGrid from '../../../components/ExampleGrid.vue'
 import ExampleCard from '../../../components/ExampleCard.vue'

docs/.vitepress/config/en.ts

@@ -123,7 +123,7 @@ function sidebarComponents(): DefaultTheme.SidebarItem[] {
         { text: 'Badge', link: 'badge' },
         { text: 'Countdown', link: 'countdown' },
         { text: 'Kbd', link: 'kbd' },
-        { text: 'TableWrapper', base: '/components/prose/', link: 'table-wrapper' }
+        { text: 'TableWrapper', base: '/components/content/', link: 'table-wrapper' }
       ]
     },
     {

docs/components/prose/table-wrapper.md renamed to docs/components/content/table-wrapper.md

@@ -4,19 +4,20 @@ description: Wrapper for displaying a html table
 outline: deep
 ---
 <script setup>
-import TableWrapperExample from '/examples/prose/tablewrapper/TableWrapper.vue';
-import BorderBackgroundExample from '/examples/prose/tablewrapper/BorderBackground.vue';
-import HighlightsRowExample from '/examples/prose/tablewrapper/HighlightsRow.vue';
-import HighlightsRowHoverExample from '/examples/prose/tablewrapper/HighlightsRowHover.vue';
-import ZebraExample from '/examples/prose/tablewrapper/Zebra.vue';
-import PinnedRowsExample from '/examples/prose/tablewrapper/PinnedRows.vue';
-import PinnedRowsColsExample from '/examples/prose/tablewrapper/PinnedRowsCols.vue';
-import SizeExample from '/examples/prose/tablewrapper/Size.vue';
+import TableWrapperExample from '/examples/content/tablewrapper/TableWrapper.vue';
+import BorderBackgroundExample from '/examples/content/tablewrapper/BorderBackground.vue';
+import HighlightsRowExample from '/examples/content/tablewrapper/HighlightsRow.vue';
+import HighlightsRowHoverExample from '/examples/content/tablewrapper/HighlightsRowHover.vue';
+import ZebraExample from '/examples/content/tablewrapper/Zebra.vue';
+import PinnedRowsExample from '/examples/content/tablewrapper/PinnedRows.vue';
+import PinnedRowsColsExample from '/examples/content/tablewrapper/PinnedRowsCols.vue';
+import SizeExample from '/examples/content/tablewrapper/Size.vue';
 </script>
 # TableWrapper
 
 <Description
-  git="https://github.com/bitrix24/b24ui/blob/main/src/runtime/components/prose/TableWrapper.vue"
+  git="https://github.com/bitrix24/b24ui/blob/main/src/runtime/components/content/TableWrapper.vue"
+  demo="/components/content/table-wrapper"
 >
   Wrapper for displaying a html table
 </Description>
@@ -34,7 +35,7 @@ You are free to style the table as you wish.
 </div>
 
 ::: details
-<<< @/examples/prose/tablewrapper/demo/TableWrapper.vue{2-4,63 vue:line-numbers}
+<<< @/examples/content/tablewrapper/demo/TableWrapper.vue{2-4,63 vue:line-numbers}
 :::
 
 ### Size
@@ -48,7 +49,7 @@ By using the `size` property, you can adjust the size of the table.
 </div>
 
 ::: details
-<<< @/examples/prose/tablewrapper/demo/Size.vue{14 vue:line-numbers}
+<<< @/examples/content/tablewrapper/demo/Size.vue{14 vue:line-numbers}
 :::
 
 ### Border and background
@@ -66,7 +67,7 @@ To round the corners, use the `rounded` parameter.
 </div>
 
 ::: details
-<<< @/examples/prose/tablewrapper/demo/BorderBackground.vue{3-8 vue:line-numbers}
+<<< @/examples/content/tablewrapper/demo/BorderBackground.vue{3-8 vue:line-numbers}
 :::
 
 ### Highlights row
@@ -80,7 +81,7 @@ To highlight table rows, use the class of the `tr` tag.
 </div>
 
 ::: details
-<<< @/examples/prose/tablewrapper/demo/HighlightsRow.vue{24,38 vue:line-numbers}
+<<< @/examples/content/tablewrapper/demo/HighlightsRow.vue{24,38 vue:line-numbers}
 :::
 
 ### Highlights row on hover
@@ -94,7 +95,7 @@ To highlight a row when hovering the cursor, use something like `hover:bg-red-50
 </div>
 
 ::: details
-<<< @/examples/prose/tablewrapper/demo/HighlightsRowHover.vue{24,38 vue:line-numbers}
+<<< @/examples/content/tablewrapper/demo/HighlightsRowHover.vue{24,38 vue:line-numbers}
 :::
 
 ### Zebra
@@ -110,7 +111,7 @@ For automatic row highlighting on hover, use the `rowHover` property.
 </div>
 
 ::: details
-<<< @/examples/prose/tablewrapper/demo/Zebra.vue{4,5 vue:line-numbers}
+<<< @/examples/content/tablewrapper/demo/Zebra.vue{4,5 vue:line-numbers}
 :::
 
 ### Pinned rows
@@ -126,7 +127,7 @@ Define the pinned-row using `<thead> ... </thead>` or `<tfoot></tfoot>`.
 </div>
 
 ::: details
-<<< @/examples/prose/tablewrapper/demo/PinnedRows.vue{5 vue:line-numbers}
+<<< @/examples/content/tablewrapper/demo/PinnedRows.vue{5 vue:line-numbers}
 :::
 
 ### Pinned rows and cols
@@ -142,7 +143,7 @@ Define the columns using `<th>...</th>`.
 </div>
 
 ::: details
-<<< @/examples/prose/tablewrapper/demo/PinnedRowsCols.vue{5-6 vue:line-numbers}
+<<< @/examples/content/tablewrapper/demo/PinnedRowsCols.vue{5-6 vue:line-numbers}
 :::
 
 ## API

docs/components/description-list.md

@@ -4,8 +4,8 @@ description: 'For instances requiring the conversion of a table row into its own
 outline: deep
 ---
 <script setup>
-import DescriptionListExample from '/examples/descriptionlist/DescriptionList.vue';
 import IconsExample from '/examples/descriptionlist/Icons.vue';
+import DescriptionListExample from '/examples/descriptionlist/DescriptionList.vue';
 import ActionsExample from '/examples/descriptionlist/Actions.vue';
 import CustomExample from '/examples/descriptionlist/Custom.vue';
 </script>