diff --git a/bun.lockb b/bun.lockb
new file mode 100755
index 0000000..48d7578
Binary files /dev/null and b/bun.lockb differ
diff --git a/package.json b/package.json
index 42d9af2..4c70559 100644
--- a/package.json
+++ b/package.json
@@ -29,5 +29,8 @@
     "scripts": {
         "npm:publish": "npm publish --registry https://npm.sudovanilla.org/",
         "test": "cd test/ && bun start"
+    },
+    "devDependencies": {
+        "sass-embedded": "^1.80.6"
     }
 }
\ No newline at end of file
diff --git a/test/bun.lockb b/test/bun.lockb
index 3d5fad3..7de6f4f 100755
Binary files a/test/bun.lockb and b/test/bun.lockb differ
diff --git a/test/src/layouts/Document.astro b/test/src/layouts/Document.astro
index 1df73e5..481635c 100644
--- a/test/src/layouts/Document.astro
+++ b/test/src/layouts/Document.astro
@@ -3,10 +3,10 @@ import {
     Document
 } from '../../../'
 
+import Sidebar from '../../../src/components/Sidebar.astro'
+
 ---
 
-<Document
-    SiteName="Hello"
->
+<Document>
 	<slot/>
 </Document>
\ No newline at end of file
diff --git a/test/src/pages/docs/[...slug].astro b/test/src/pages/docs/[...slug].astro
index 292b6d4..30b8ad4 100644
--- a/test/src/pages/docs/[...slug].astro
+++ b/test/src/pages/docs/[...slug].astro
@@ -1,22 +1,19 @@
 ---
-import { type CollectionEntry, getCollection } from 'astro:content';
+import { type CollectionEntry, getCollection } from 'astro:content'
 
 export async function getStaticPaths() {
-	const documents = await getCollection('docs');
+	const documents = await getCollection('docs')
 	return documents.map((document) => ({
 		params: { slug: document.slug },
 		props: document,
-	}));
+	}))
 }
-type Props = CollectionEntry<'docs'>;
+type Props = CollectionEntry<'docs'>
 
-const document = Astro.props;
-const { Content } = await document.render();
+const document = Astro.props
+const { Content } = await document.render()
 
-
-
-
-import Document from "../../layouts/Document.astro"
+import { Document } from '@sudovanilla/butterflyvu'
 ---
 
 <Document>