Merge branch 'next' of github.com:devforth/adminforth into next

Author: NoOne7135

adminforth/documentation/docs/tutorial/03-Customization/06-customPages.md

@@ -317,9 +317,9 @@ Now we have to define this endpoint in the backend to make our page work:
 
 
 
-Open `index.ts` file and add the following code *BEFORE* `admin.express.serve(` !
+Open `api.ts` file and add the following code *BEFORE* `admin.express.authorize` !
 
-```ts title="/index.ts"
+```ts title="/api.ts"
 
 import type { IAdminUserExpressRequest } from 'adminforth';
 import express from 'express';
@@ -429,11 +429,6 @@ app.get(`${ADMIN_BASE_URL}/api/dashboard/`,
     )
   )
 );
-
-// serve after you added all api
-admin.express.serve(app)
-admin.discoverDatabases();
-
 ```
 
 Install and import Zod before using this pattern: `pnpm add zod` or `npm install zod`, then `import * as z from 'zod';`. `admin.express.withSchema(...)` will convert the Zod schema to OpenAPI for you.

adminforth/spa/src/views/CreateEditSkeleton.vue

@@ -35,13 +35,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, markRaw } from 'vue';
-import {
-  IconLinkOutline, IconCodeOutline, IconRectangleListOutline, 
-  IconOrderedListOutline, IconLetterBoldOutline, IconLetterUnderlineOutline, 
-  IconLetterItalicOutline, IconTextSlashOutline 
-} from '@iconify-prerendered/vue-flowbite';
-import { IconH116Solid, IconH216Solid, IconH316Solid } from '@iconify-prerendered/vue-heroicons';
+import { computed } from 'vue';
 import { Skeleton } from '@/afcl';
 
 interface Props {
@@ -77,17 +71,4 @@ const getSkeletonInputClass = (column: any) => {
   return 'h-[42px] w-full';
 };
 
-const skeletonButtons = [
-  { id: 'bold', icon: markRaw(IconLetterBoldOutline), sep: false },
-  { id: 'italic', icon: markRaw(IconLetterItalicOutline), sep: false },
-  { id: 'underline', icon: markRaw(IconLetterUnderlineOutline), sep: false },
-  { id: 'strike', icon: markRaw(IconTextSlashOutline), sep: true },
-  { id: 'h1', icon: markRaw(IconH116Solid), sep: false },
-  { id: 'h2', icon: markRaw(IconH216Solid), sep: false },
-  { id: 'h3', icon: markRaw(IconH316Solid), sep: true },
-  { id: 'ul', icon: markRaw(IconRectangleListOutline), sep: false },
-  { id: 'ol', icon: markRaw(IconOrderedListOutline), sep: false },
-  { id: 'link', icon: markRaw(IconLinkOutline), sep: false },
-  { id: 'codeBlock', icon: markRaw(IconCodeOutline), sep: false },
-];
 </script>