themesberg · gemb0y · Dec 18, 2024 · coderabbitai · Dec 19, 2024
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -53,7 +53,7 @@ test: add modal test
 
 When you have a breaking change:
 
-```
+```sh
 git commit -a "feat: change btnClass name to bClass" -m "BREAKING CHANGE: change the Button component attributes"
 ```
 

diff --git a/src/routes/docs/components/darkmode.md b/src/routes/docs/components/darkmode.md
@@ -48,7 +48,7 @@ Finally, use the dark mode component to display a switcher (that is a button) fo
 
 Use `class="dark"` to set the initial theme to the dark mode. The default mode is `light`.
 
-```
+```html
 <html class="dark" lang="en">
 ```
 

diff --git a/src/routes/docs/pages/compiler-speed.md b/src/routes/docs/pages/compiler-speed.md
@@ -14,7 +14,7 @@ description: Learn how you can manage and improve the Svelte compilation speed w
 
 If your Svelte app only requires a few components, it's recommended that you import them directly. Doing so can help optimize compilation speed and improve performance by reducing the amount of code that needs to be processed during compilation. Since version 0.34.1, it's now possible to import individual components.
 
-```
+```js
   import Alert from 'flowbite-svelte/Alert.svelte'
 ```
 

diff --git a/src/routes/docs/pages/customization.md b/src/routes/docs/pages/customization.md
@@ -69,7 +69,7 @@ Start by creating your own component based on Flowbite-Svelte.
 
 Create a new file for your button component in the lib directory:
 
-```
+```svelte example hideOutput
 // src/lib/MyButton.svelte
 <script>
   import { Button } from 'flowbite-svelte'
@@ -84,15 +84,15 @@ Once you have created your button component, you can use it in your project.
 
 In your project, import your custom button component:
 
-```
+```js
 <script>
   import MyButton from "$lib/MyButton.svelte"
 </script>
 ```
 
 Use the custom button component in your project by adding the following code:
 
-```
+```html
 <MyButton>My New Button</MyButton>
 ```
 

diff --git a/src/routes/docs/pages/faq-and-tips.md b/src/routes/docs/pages/faq-and-tips.md
@@ -63,27 +63,27 @@ The following example shows how to add navigation using the key blocks:
 
 First build the current setting and check the CSS size.
 
-```
+```sh
 pnpm build
 ```
 
 Then run the following command to see your compiled CSS sizes.
 
-```
+```sh
 find .svelte-kit/output/client/_app/immutable -type f -name "*.css" -exec du -h {} +
 ```
 
 To purge the CSS files, you can use `vite-plugin-tailwind-purgecss`.
 
 ### Installation
 
-```
+```sh
 pnpm i -D vite-plugin-tailwind-purgecss
 ```
 
 ### vite.config.ts
 
-```
+```js
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vitest/config';
 import { purgeCss } from 'vite-plugin-tailwind-purgecss';
@@ -98,6 +98,6 @@ export default defineConfig({
 
 Run `pnpm build` and run the same command to see the compiled CSS size.
 
-```
+```sh
 find .svelte-kit/output/client/_app/immutable -type f -name "*.css" -exec du -h {} +
 ```
diff --git a/src/routes/docs/pages/how-to-contribute.md b/src/routes/docs/pages/how-to-contribute.md
@@ -86,7 +86,7 @@ This first command is to generate component documentation for all Svelte files w
 
 Please run the following to format the code.
 
-```
+```sh
 pnpm format && pnpm check
 ```
 
@@ -113,7 +113,7 @@ feat!: add drawer component and page
 
 When you have a breaking change:
 
-```
+```sh
 git commit -a "feat: change btnClass name to bClass" -m "BREAKING CHANGE: change the Button component attributes"
 ```
 

diff --git a/src/routes/docs/pages/typescript.md b/src/routes/docs/pages/typescript.md
@@ -11,7 +11,7 @@ description: Learn more about the value types and class interfaces that you can
 
 Enhance the reliability and scalability of your user interface code by leveraging data types. Here's an example of how to use them:
 
-```
+```typescript
   import { Button, type SizeType } from 'flowbite-svelte';
   export let size: SizeType = 'lg'
 ```
-Original file line number
+Diff line change
@@ Expand Up / @@ -53,7 +53,7 @@ test: add modal test @@
     When you have a breaking change:
-    ```
+    ```sh
     git commit -a "feat: change btnClass name to bClass" -m "BREAKING CHANGE: change the Button component attributes"
     ```
@@ Expand Down @@