change theme system again

Author: piperswe

README.md

@@ -12,10 +12,10 @@ In your Svelte files:
 	import { Container, Heading, ProjectBadge } from '@lutris/saline-components';
 </script>
 
-<LutrisTheme />
-
-<Container>
-	<Heading level={1}>My Page</Heading>
-	<ProjectBadge code="FBOX" name="Fleetbox" />
-</Container>
+<LutrisTheme>
+	<Container>
+		<Heading level={1}>My Page</Heading>
+		<ProjectBadge code="FBOX" name="Fleetbox" />
+	</Container>
+</LutrisTheme>
 ```

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@lutris/saline-components",
-	"version": "0.0.9",
+	"version": "0.0.10",
 	"license": "ISC",
 	"homepage": "https://github.com/lutriseng/saline-components",
 	"author": "Piper McCorkle <[email protected]>",

src/lib/themes/LutrisTheme.svelte

@@ -7,3 +7,5 @@
 	import '@fontsource/overpass-mono/variable.css';
 	import './lutris.css';
 </script>
+
+<slot />

src/routes/example.ts

@@ -5,9 +5,9 @@ export default `<script lang="ts">
     import { Container, Heading, ProjectBadge } from '@lutris/saline-components';
 </script>
 
-<LutrisTheme />
-
-<Container>
-    <Heading level={1}>My Page</Heading>
-    <ProjectBadge code="FBOX" name="Fleetbox" />
-</Container>`;
+<LutrisTheme>
+    <Container>
+        <Heading level={1}>My Page</Heading>
+        <ProjectBadge code="FBOX" name="Fleetbox" />
+    </Container>
+</LutrisTheme>`;