feat: mdsvexamples

[jjagielka]

📑 Description

Another attempt to add mdsvexamples to the project.

• no need to duplicate code and example
• import can now be flowbite-svelte
• mdsvexample workaround with class not needed anymore
• alert.md shows the advantage of that PR

✅ Checks

• My pull request adheres to the code style of this project
• My code requires changes to the documentation
• I have updated the documentation as required
• All the tests have passed
• My pull request is based on the latest commit (not the npm version).

ℹ Additional Information

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
flowbite-svelte	✅ Ready (Inspect)	Visit Preview	Sep 18, 2022 at 8:07AM (UTC)
flowbite-svelte-update	✅ Ready (Inspect)	Visit Preview	Sep 18, 2022 at 8:07AM (UTC)

[shinokada]

Errors are:

[jjagielka]

Corrected. Seems it's finally work!

[shinokada]

The first alert has script tag.

But the second one doesn't.

I tried it with avatar page and the first one doesn't have the script tag.

```svelte example class="flex flex-col gap-4" hideScript
<script>
  import {Avatar} from 'flowbite-svelte'
</script>
<Avatar src="/images/profile-picture-2.webp" border/>
<Avatar src="/images/profile-picture-2.webp" border class="ring-red-400 dark:ring-red-300"/>

So will it have the script tag or not??

[shinokada]

Ok, I got it. the key is hideScript.

[jjagielka]

Yes. We can hide the <script> if it repeats on all the examples.

[shinokada]

Avatar User Dropdown is not working.

```svelte example class="flex justify-center h-96" 
<script>
  import {Avatar, Dropdown, DropdownHeader, DropdownItem} from 'flowbite-svelte'
</script>

  <Avatar id="user-drop" src="/images/profile-picture-3.webp" dot={{color:'bg-green-400'}} />
  <Dropdown triggeredBy="#user-drop">
    <DropdownHeader>
      <span class="block text-sm"> Bonnie Green </span>
      <span class="block truncate text-sm font-medium"> name@flowbite.com </span>
    </DropdownHeader>
    <DropdownItem>Dashboard</DropdownItem>
    <DropdownItem>Settings</DropdownItem>
    <DropdownItem>Earnings</DropdownItem>
    <DropdownDivider />
    <DropdownItem>Sign out</DropdownItem>
  </Dropdown>

[jjagielka]

You've forgot to add DropdownDivider to script section.

[shinokada]

Thanks. It opens but doesn't close on my localhost. Build/preview works though.

[shinokada]

I updated all pages using this PR.
Thanks.