fix(docs): fixed demo import + tailwind content directories

Author: novaotp

docs/content/docs/core/get-active-element/Demo.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <div class="relative flex w-full flex-col gap-2">
-	<div class="grid grid-cols-1 gap-2 md:grid-cols-3">
+	<div class="xsm:grid-cols-2 grid grid-cols-1 gap-2 md:grid-cols-3">
 		{#each { length: 6 } as _, i}
 			{@const id = i + 1}
 			<Input data-id={id} placeholder={id.toString()} />

docs/src/routes/docs/core/[utility]/+page.ts

@@ -10,7 +10,7 @@ export const load: PageLoad = async ({ data, params }) => {
 
 async function getDemoComponent(utility: string) {
 	try {
-		const component = await import(`$lib/docs/core/${utility}/Demo.svelte`);
+		const component = await import(`../../../../../content/docs/core/${utility}/Demo.svelte`);
 		return component.default as Component;
 	} catch {
 		return undefined;

docs/tailwind.config.ts

@@ -1,9 +1,14 @@
 import { Config } from 'tailwindcss';
+import defaultTheme from 'tailwindcss/defaultTheme';
 
 export default {
 	darkMode: 'selector',
-	content: ['./src/**/*.{html,js,svelte,ts}'],
+	content: ['./src/**/*.{html,js,svelte,ts}', './content/**/*.{html,js,svelte,ts}'],
 	theme: {
+		screens: {
+			xsm: '480px',
+			...defaultTheme.screens
+		},
 		extend: {
 			colors: {
 				svelte: '#ff3e00',

docs/vite.config.ts

@@ -5,7 +5,7 @@ export default defineConfig({
 	plugins: [sveltekit()],
 	server: {
 		fs: {
-			allow: ['../packages/core']
+			allow: ['../packages/core', './content']
 		}
 	},
 	test: {