diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts
index 49cea17..00f1e63 100644
--- a/src/routes/+page.server.ts
+++ b/src/routes/+page.server.ts
@@ -1,3 +1,5 @@
+import { templates } from '$src/store';
+import { templatesUrl } from '$src/constants';
const makeCategories = (templates) => {
// Get categories from templates
@@ -20,8 +22,8 @@ const makeCategories = (templates) => {
export const load = async () => {
- const url = 'https://raw.githubusercontent.com/Lissy93/portainer-templates/main/templates.json';
- const data = await fetch(url).then((res) => res.json());
+ const data = await fetch(templatesUrl).then((res) => res.json());
+ templates.set(data.templates);
return {
templates: data.templates,
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 99235f9..d5e1301 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -6,6 +6,7 @@
import Templates from '$lib/TemplateList.svelte';
import NoResults from '$lib/NoResults.svelte';
import Footer from '$lib/Footer.svelte';
+ import type { Template } from '$src/Types';
export let data;
@@ -13,7 +14,7 @@
let selectedCategories: string[] = [];
- $: filteredTemplates = data.templates.filter((template: any) => {
+ $: filteredTemplates = data.templates.filter((template: Template) => {
const compareStr = (str1: string, str2: string) =>
(str1 || '').toLowerCase().includes(str2.toLowerCase());
@@ -77,25 +78,3 @@
-
-
\ No newline at end of file