Migrate demo to svelte-kit

zerodevx · zerodevx · commit 681fa4218184 · 2023-02-24T15:58:01.000+08:00
diff --git a/src/app.d.ts b/src/app.d.ts
@@ -1,12 +1,12 @@
 // See https://kit.svelte.dev/docs/types#app
 // for information about these interfaces
 declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface Platform {}
-	}
+  namespace App {
+    // interface Error {}
+    // interface Locals {}
+    // interface PageData {}
+    // interface Platform {}
+  }
 }
 
-export {};
+export {}
diff --git a/src/app.html b/src/app.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body>
-		<div>%sveltekit.body%</div>
-	</body>
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+    <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/src/app.postcss b/src/app.postcss
@@ -1,4 +1,18 @@
-/* Write your global styles here, in PostCSS syntax */
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+  html {
+    @apply bg-base-100 text-base-content font-sans;
+  }
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+  @apply bg-transparent text-sm;
+}
+
+.mockup-code > pre:before {
+  @apply mr-0;
+}
diff --git a/src/routes/+layout.js b/src/routes/+layout.js
@@ -0,0 +1,2 @@
+export const prerender = true
+export const trailingSlash = 'always'
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -1,5 +1,22 @@
 <script>
+import '@fontsource/inter/variable.css'
+import 'prismjs/themes/prism-tomorrow.css'
 import '../app.postcss'
+import { dev } from '$app/environment'
 </script>
 
+<svelte:head>
+  {#if !dev}
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-G9JC5N7N1H"></script>
+  {/if}
+  <script>
+  window.dataLayer = window.dataLayer || []
+  function gtag() {
+    dataLayer.push(arguments)
+  }
+  gtag('js', new Date())
+  gtag('config', 'G-G9JC5N7N1H')
+  </script>
+</svelte:head>
+
 <slot />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
diff --git a/src/routes/Dummy.svelte b/src/routes/Dummy.svelte

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+export const prerender = true`
	`2`	`+export const trailingSlash = 'always'`