Loading...
- {:then result} -Error: {err}
- {/await} - {/if} -
{#each posts as post}
-
+
{/each}
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/lib/components/index.js b/src/lib/components/index.js
index 41c0bf5..b4524ed 100644
--- a/src/lib/components/index.js
+++ b/src/lib/components/index.js
@@ -1,5 +1,7 @@
-import ImageGrid from "./ImageGrid.svelte";
+import BackButton from './BackButton.svelte'
+import ImageGrid from './ImageGrid.svelte';
export {
+ BackButton,
ImageGrid,
}
\ No newline at end of file
diff --git a/src/lib/stores.js b/src/lib/stores.js
index 3a16756..e4202de 100644
--- a/src/lib/stores.js
+++ b/src/lib/stores.js
@@ -1,13 +1,13 @@
import {writable} from 'svelte/store';
export const lastSearch = writable(window.localStorage.getItem('lastSearch') ?? '');
-export const gridColumns = writable(window.localStorage.getItem('gridColumns') ?? 8);
+export const gridColumns = writable(Number(window.localStorage.getItem('gridColumns')) ?? 8);
lastSearch.subscribe((value) => {
window.localStorage.setItem('lastSearch', value);
});
gridColumns.subscribe((value) => {
- window.localStorage.setItem('gridColumns', value);
+ window.localStorage.setItem('gridColumns', value.toString());
});
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 0b63454..5f9e954 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,22 +1,12 @@
-
+
- {#if data}
- {#await data}
-
+
+
+
+
+
+
+ eSix Client
+
+
+
+
+
-
+
diff --git a/src/routes/posts/[post_id]/+page.svelte b/src/routes/posts/[post_id]/+page.svelte
index 9e66ba1..6ae0f85 100644
--- a/src/routes/posts/[post_id]/+page.svelte
+++ b/src/routes/posts/[post_id]/+page.svelte
@@ -1,8 +1,14 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+ Grid Columns
+ {$gridColumns} / {12}
+
+ {#if data}
+ {#await data}
+
+ Loading...
+ {:then result} +Error: {err}
+ {/await} + {/if} +{data.postId}
+
+
-
+
diff --git a/svelte.config.js b/svelte.config.js
index 7c3858f..5252c9a 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,12 +1,12 @@
import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
-import adapter from '@sveltejs/adapter-static';
+import adapter from "@sveltejs/adapter-static";
export default {
// Consult https://svelte.dev/docs#compile-time-svelte-preprocess
// for more information about preprocessors
- preprocess: vitePreprocess(),
+ preprocess: [vitePreprocess({})],
kit: {
- adapter: adapter()
- }
+ adapter: adapter(),
+ },
};
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
new file mode 100644
index 0000000..830c9b8
--- /dev/null
+++ b/tailwind.config.cjs
@@ -0,0 +1,28 @@
+// @ts-check
+import { join } from 'path';
+
+// 1. Import the Skeleton plugin
+import { skeleton } from '@skeletonlabs/tw-plugin';
+
+/** @type {import('tailwindcss').Config} */
+export default {
+ // 2. Opt for dark mode to be handled via the class method
+ darkMode: 'class',
+ content: [
+ './src/**/*.{html,js,svelte,ts}',
+ // 3. Append the path to the Skeleton package
+ join(require.resolve(
+ '@skeletonlabs/skeleton'),
+ '../**/*.{html,js,svelte,ts}'
+ )
+ ],
+ theme: {
+ extend: {},
+ },
+ plugins: [
+ // 4. Append the Skeleton plugin (after other plugins)
+ skeleton({
+ themes: ['skeleton']
+ })
+ ]
+}
{data.postId}
+
+ {JSON.stringify(data)}
+
+