oekazuma · oekazuma · May 1, 2024 · May 1, 2024 · May 1, 2024
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
@@ -2,3 +2,4 @@ packages:
   - 'packages/*'
   - 'tests/*'
   - 'example/'
+  - 'site/'
diff --git a/site/.sveltepress/live-code/live-code-map.json b/site/.sveltepress/live-code/live-code-map.json
@@ -0,0 +1 @@
+{}
diff --git a/site/package.json b/site/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "site",
+  "private": true,
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-static": "^3.0.1",
+    "@sveltejs/kit": "^2.5.1",
+    "@sveltejs/vite-plugin-svelte": "^3.0.2",
+    "@sveltepress/theme-default": "^2.0.2",
+    "@sveltepress/vite": "^0.33.2",
+    "@types/node": "^20.11.20",
+    "svelte": "^4.2.12",
+    "typescript": "^5.3.3",
+    "vite": "^5.1.4"
+  }
+}
diff --git a/site/src/app.d.ts b/site/src/app.d.ts
@@ -0,0 +1,14 @@
+// This help your get the type tips for sveltepress virtual modules
+/// <reference types="@sveltepress/theme-default/types" />
+/// <reference types="@sveltepress/vite/types" />
+
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+
+// and what to do when importing types
+declare namespace App {
+  // interface Error {}
+  // interface Locals {}
+  // interface PageData {}
+  // interface Platform {}
+}
diff --git a/site/src/app.html b/site/src/app.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%sveltekit.assets%/logo.svg" />
+    <meta name="viewport" content="width=device-width" />
+    %sveltekit.head%
+  </head>
+  <body data-sveltekit-preload-data="hover">
+    <div style="display: contents">%sveltekit.body%</div>
+  </body>
+</html>
diff --git a/site/src/routes/+layout.svelte b/site/src/routes/+layout.svelte
@@ -0,0 +1,2 @@
+<!-- Leave this. Or you can add more content for your custom layout -->
+<slot />
diff --git a/site/src/routes/+layout.ts b/site/src/routes/+layout.ts
@@ -0,0 +1 @@
+export const prerender = true;
diff --git a/site/src/routes/+page.md b/site/src/routes/+page.md
@@ -0,0 +1,19 @@
+---
+title: Svelte Meta Tags
+heroImage: /logo@3x.png
+actions:
+  - label: Read the docs
+    to: /guide/introduction/
+    type: primary
+  - label: View on github
+    type: flat
+    to: https://github.com/oekazuma/svelte-meta-tags
+    external: true
+features:
+  - title: Build with Sveltekit
+    description: Preserve the full power of Sveltekit. So that you can do more than SSG.
+    icon:
+      type: iconify
+      collection: logos
+      name: svelte-kit
+---
diff --git a/site/static/logo.svg b/site/static/logo.svg
diff --git a/site/static/logo@3x.png b/site/static/logo@3x.png
diff --git a/site/svelte.config.js b/site/svelte.config.js
@@ -0,0 +1,17 @@
+import adapter from '@sveltejs/adapter-static';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/**
+ * @type {import('@sveltejs/kit').Config}
+ */
+const config = {
+  extensions: ['.svelte', '.md'],
+  preprocess: [vitePreprocess()],
+  kit: {
+    adapter: adapter({
+      pages: 'dist'
+    })
+  }
+};
+
+export default config;
diff --git a/site/tsconfig.json b/site/tsconfig.json
@@ -0,0 +1,13 @@
+{
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true
+  }
+}
diff --git a/site/vite.config.ts b/site/vite.config.ts
@@ -0,0 +1,62 @@
+import { defineConfig } from 'vite';
+import { sveltepress } from '@sveltepress/vite';
+import { defaultTheme } from '@sveltepress/theme-default';
+
+const config = defineConfig({
+  plugins: [
+    sveltepress({
+      theme: defaultTheme({
+        navbar: [
+          {
+            title: 'Foo page',
+            to: '/foo/'
+          },
+          {
+            title: 'With dropdown',
+            items: [
+              {
+                title: 'Bar page',
+                to: '/bar/'
+              },
+              {
+                title: 'External Github page',
+                to: 'https://github.com/',
+                external: true
+              }
+            ]
+          }
+        ],
+        sidebar: {
+          '/foo/': [
+            {
+              title: 'Bar',
+              to: '/foo/bar/'
+            },
+            {
+              title: 'Zoo',
+              collapsible: true,
+              items: [
+                {
+                  title: 'Sub item',
+                  to: '/sub/item/link'
+                }
+              ]
+            },
+            {
+              title: 'External github page',
+              to: 'https://github.com'
+            }
+          ]
+        },
+        github: 'https://github.com/oekazuma/svelte-meta-tags',
+        logo: '/logo.svg'
+      }),
+      siteConfig: {
+        title: 'Svelte Meta Tags',
+        description: 'Svelte Meta Tags provides components designed to help you manage SEO for Svelte projects.'
+      }
+    })
+  ]
+});
+
+export default config;