### JavaScript Syntax Highlighting in mdsvex

Source: https://github.com/josh-collinsworth/sveltekit-blog-starter/blob/main/src/lib/posts/syntax-highlighting-example.md

Demonstrates JavaScript syntax highlighting in mdsvex. Use `js` or `javascript` after triple backticks. The example function `invertNumberInRange` showcases basic JavaScript functionality.

```markdown
```js
// You can use js or javascript for the language
```
```

```js
const invertNumberInRange = (num, range) => {
	return range - num;
}

invertNumberInRange(25, 100); // 75
```

--------------------------------

### Svelte Component Syntax Highlighting in mdsvex

Source: https://github.com/josh-collinsworth/sveltekit-blog-starter/blob/main/src/lib/posts/syntax-highlighting-example.md

Illustrates Svelte component syntax highlighting within mdsvex. Prefix the code block with `svelte` after triple backticks. The example shows a basic Svelte component structure with script and template sections.

```svelte
<script>
	import myComponent from '$lib/components/myComponent.svelte';

	export let myProp = undefined;
</script>

<div>
	<MyComponent prop={myProp}>
</div>
```

--------------------------------

### Import and Use Svelte Component in Markdown (Svelte)

Source: https://github.com/josh-collinsworth/sveltekit-blog-starter/blob/main/src/lib/posts/mdsvex-component-example.md

This snippet shows how to import a Svelte component (`Callout.svelte`) within a Markdown file's script tag and then render it directly in the Markdown content. This integration is enabled by mdsvex. Ensure the component path is correct (`$lib/components/Callout.svelte`).

```svelte
<script>
	import Callout from '$lib/components/Callout.svelte';
</script>

<Callout>
This is an example of the Callout.svelte component! Find it in <code>src/lib/components/Callout.svelte</code>.
</Callout>
```

--------------------------------

### CSS Syntax Highlighting in mdsvex

Source: https://github.com/josh-collinsworth/sveltekit-blog-starter/blob/main/src/lib/posts/syntax-highlighting-example.md

Shows how to apply CSS syntax highlighting within mdsvex markdown. Simply prefix the code block with `css` after triple backticks. The styling is controlled by `src/lib/assets/css/prism.css`.

```markdown
```css
/* Your CSS here */
```
```

```css
.my-css-class {
	color: #ffd100;
	box-sizing: border-box;
	/* etc... */
}
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.