v1.0.4

Author: shinokada

CHANGELOG.md

@@ -1,5 +1,11 @@
 # flowbite-svelte-admin-dashboard
 
+## 1.0.4
+
+### Patch Changes
+
+- fix: replace default object with $dereived()
+
 ## 1.0.3
 
 ### Patch Changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte-admin-dashboard",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Flowbite Admin Dashboard components for Svelte",
   "homepage": "https://flowbite-svelte-admin-dashboard.vercel.app/",
   "private": false,

src/lib/DeleteDrawer.svelte

@@ -24,7 +24,7 @@
 ## Props
 @prop hidden = $bindable(true)
 @prop title = 'Delete item'
-@prop confirm = 'Are you sure you want to delete this product?'
+@prop confirm = 'Are you sure you want to delete this?'
 @prop yes = "Yes, I'm sure"
 @prop no = 'No, cancel'
 -->

src/lib/DeleteModal.svelte

@@ -24,7 +24,7 @@
 [DeleteModalProps](https://github.com/themesberg/flowbite-svelte-next/blob/main/src/lib/types.ts#L241)
 ## Props
 @prop open = $bindable(true)
-@prop title = 'Are you sure you want to delete this product?'
+@prop title = 'Are you sure you want to delete this?'
 @prop yes = "Yes, I'm sure"
 @prop no = 'No, cancel'
 -->

src/lib/ForgotPassword.svelte

@@ -18,11 +18,11 @@
   }: ForgotPasswordProps = $props();
 
   const siteDefault = {
-      name: 'Flowbite',
-      img: '/images/flowbite-svelte-icon-logo.svg',
-      link: '/',
-      imgAlt: 'FlowBite Logo'
-    };
+    name: 'Flowbite',
+    img: '/images/flowbite-svelte-icon-logo.svg',
+    link: '/',
+    imgAlt: 'FlowBite Logo'
+  };
   const actualSite = $derived(site ?? siteDefault);
 
   const mainDivCls = twMerge('flex flex-col items-center justify-center px-6 pt-8 mx-auto md:h-screen pt:mt-0 dark:bg-gray-900', mainDivClass);
@@ -51,3 +51,22 @@
     </Card>
   </div>
 </main>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte-admin-dashboard.vercel.app/)
+## Type
+[ForgotPasswordProps](https://github.com/themesberg/flowbite-svelte-next/blob/main/src/lib/types.ts#L145)
+## Props
+@prop children
+@prop title = 'Forgot your password?'
+@prop site
+@prop btnTitle = 'Reset password'
+@prop pageDescription = "Don't fret! Just type in your email and we will send you a code to reset your password!"
+@prop mainClass = 'bg-gray-50 dark:bg-gray-900'
+@prop mainDivClass
+@prop siteLinkClass
+@prop siteImgClass = 'mr-4 h-11'
+@prop cardH1Class
+@prop ...restProps
+-->

src/lib/Maintenance.svelte

@@ -18,10 +18,10 @@
   }: MaintenanceProps = $props();
 
   const imageDefault = {
-      src: imagesPath('illustrations/maintenance.svg'),
-      alt: 'maintenance'
-    }
-  const actualImage = $derived( image ?? imageDefault);
+    src: imagesPath('illustrations/maintenance.svg'),
+    alt: 'maintenance'
+  };
+  const actualImage = $derived(image ?? imageDefault);
 
   const mainDivCls = twMerge('flex flex-col justify-center items-center px-6 mx-auto h-screen xl:px-0 dark:bg-gray-900', mainDivClass);
   const h1Cls = twMerge('mb-3 text-2xl font-bold leading-tight text-gray-900 sm:text-4xl lg:text-5xl dark:text-white', h1Class);
@@ -46,3 +46,21 @@
     </div>
   </div>
 </main>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte-admin-dashboard.vercel.app/)
+## Type
+[MaintenanceProps](https://github.com/themesberg/flowbite-svelte-next/blob/main/src/lib/types.ts#L205)
+## Props
+@prop title = 'Under Maintenance'
+@prop description = 'Sorry for the inconvenience but we’re performing some maintenance at the moment. If you need to you can always <a href
+@prop image
+@prop btnTitle = 'Go back home'
+@prop btnHref = '/'
+@prop mainClass = 'bg-gray-50 dark:bg-gray-900'
+@prop mainDivClass
+@prop h1Class
+@prop imgDiv = 'block mb-5 md:max-w-md'
+@prop div2Class = 'text-center xl:max-w-4xl'
+-->

src/lib/NotFound.svelte

@@ -18,10 +18,10 @@
   }: NotFoundProps = $props();
 
   const imageDefault = {
-      src: imagesPath('404.svg', 'illustrations'),
-      alt: 'astronaut'
-    }
-  const actualImage = $derived( image ?? imageDefault);
+    src: imagesPath('404.svg', 'illustrations'),
+    alt: 'astronaut'
+  };
+  const actualImage = $derived(image ?? imageDefault);
 
   const mainDivCls = twMerge('flex flex-col items-center justify-center px-6 pt-8 mx-auto md:h-screen pt:mt-0 dark:bg-gray-900', mainDivClass);
   const h1Cls = twMerge('mb-3 text-2xl font-bold leading-tight text-gray-900 sm:text-4xl lg:text-5xl dark:text-white', h1Class);
@@ -52,21 +52,17 @@
 <!--
 @component
 [Go to docs](https://flowbite-svelte-admin-dashboard.vercel.app/)
+## Type
+[NotFoundProps](https://github.com/themesberg/flowbite-svelte-next/blob/main/src/lib/types.ts#L192)
 ## Props
-@prop export let title = 'Page not found';
-@prop export let description =
-		'Oops! Looks like you followed a bad link. If you think this is a problem with us, please	tell us.';
-@prop export let image = {
-		src: imagesPath('404.svg', 'illustrations'),
-		alt: 'astronaut'
-	};
-@prop export let btnTitle = 'Go back home';
-@prop export let btnHref = '/';
-@prop export let mainClass = 'bg-gray-50 dark:bg-gray-900';
-@prop export let mainDivClass =
-		'flex flex-col items-center justify-center px-6 pt-8 mx-auto md:h-screen pt:mt-0 dark:bg-gray-900';
-@prop export let h1Class =
-		'mb-3 text-2xl font-bold leading-tight text-gray-900 sm:text-4xl lg:text-5xl dark:text-white';
-@prop export let imgDiv = 'block md:max-w-lg';
-@prop export let div2Class = 'text-center xl:max-w-4xl';
+@prop title = 'Page not found'
+@prop description = 'Oops! Looks like you followed a bad link. If you think this is a problem with us, please	tell us.'
+@prop image
+@prop btnTitle = 'Go back home'
+@prop btnHref = '/'
+@prop mainClass = 'bg-gray-50 dark:bg-gray-900'
+@prop mainDivClass
+@prop h1Class
+@prop imgDiv = 'block md:max-w-md'
+@prop div2Class = 'text-center xl:max-w-4xl'
 -->

src/lib/ServerError.svelte

@@ -18,10 +18,10 @@
   }: ServerErrorProps = $props();
 
   const imageDefault = {
-      src: imagesPath('illustrations/500.svg'),
-      alt: 'astronaut'
-    }
-  const actualImage = $derived( image ?? imageDefault);
+    src: imagesPath('illustrations/500.svg'),
+    alt: 'astronaut'
+  };
+  const actualImage = $derived(image ?? imageDefault);
 
   const mainDivCls = twMerge('flex flex-col justify-center items-center px-6 mx-auto h-screen xl:px-0 dark:bg-gray-900', mainDivClass);
   const h1Cls = twMerge('mb-3 text-2xl font-bold leading-tight text-gray-900 sm:text-4xl lg:text-5xl dark:text-white', h1Class);
@@ -52,21 +52,17 @@
 <!--
 @component
 [Go to docs](https://flowbite-svelte-admin-dashboard.vercel.app/)
+## Type
+[ServerErrorProps](https://github.com/themesberg/flowbite-svelte-next/blob/main/src/lib/types.ts#L218)
 ## Props
-@prop export let title = 'Something has gone seriously wrong';
-@prop export let description =
-		"It's always time for a coffee break. We should be back by the time you finish your coffee.";
-@prop export let image = {
-		src: imagesPath('illustrations/500.svg'),
-		alt: 'astronaut'
-	};
-@prop export let btnHref = '/';
-@prop export let btnTitle = 'Go back home';
-@prop export let mainClass = 'bg-gray-50 dark:bg-gray-900';
-@prop export let mainDivClass =
-		'flex flex-col justify-center items-center px-6 mx-auto h-screen xl:px-0 dark:bg-gray-900';
-@prop export let h1Class =
-		'mb-3 text-2xl font-bold leading-tight text-gray-900 sm:text-4xl lg:text-5xl dark:text-white';
-@prop export let imgDiv = 'block md:max-w-lg';
-@prop export let div2Class = 'text-center xl:max-w-4xl';
+@prop title = 'Something has gone seriously wrong'
+@prop description = "It's always time for a coffee break. We should be back by the time you finish your coffee."
+@prop image
+@prop btnTitle = 'Go back home'
+@prop btnHref = '/'
+@prop mainClass = 'bg-gray-50 dark:bg-gray-900'
+@prop mainDivClass
+@prop h1Class
+@prop imgDiv = 'block md:max-w-lg'
+@prop div2Class = 'text-center xl:max-w-4xl'
 -->