deploy to vercel

Author: mattjennings

.gitignore

@@ -2,3 +2,6 @@
 node_modules
 /.svelte-kit
 /package
+
+.vercel
+.vercel_build_output

package.json

@@ -1,46 +1,47 @@
 {
-	"name": "svelte-modal-stack",
-	"version": "0.0.1-alpha.0",
-	"scripts": {
-		"dev": "svelte-kit dev",
-		"build": "svelte-kit build",
-		"preview": "svelte-kit preview",
-		"package": "svelte-kit package",
-		"check": "svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
-		"format": "prettier --write --plugin-search-dir=. .",
-		"release": "npm run package && npm publish ./package --access public"
-	},
-	"devDependencies": {
-		"@sveltejs/kit": "next",
-		"@typescript-eslint/eslint-plugin": "^4.19.0",
-		"@typescript-eslint/parser": "^4.19.0",
-		"autoprefixer": "^10.2.6",
-		"cssnano": "^5.0.5",
-		"eslint": "^7.22.0",
-		"eslint-config-prettier": "^8.1.0",
-		"eslint-plugin-svelte3": "^3.2.0",
-		"mdsvex": "^0.9.0",
-		"postcss": "^8.3.0",
-		"postcss-load-config": "^3.0.1",
-		"prettier": "~2.2.1",
-		"prettier-plugin-svelte": "^2.2.0",
-		"rehype-autolink-headings": "^5.0.1",
-		"rehype-slug": "^4.0.1",
-		"remark-abbr": "^1.4.1",
-		"remark-github": "^10.0.1",
-		"svelte": "^3.34.0",
-		"svelte-check": "^2.0.0",
-		"svelte-preprocess": "^4.0.0",
-		"tailwindcss": "^2.1.4",
-		"tslib": "^2.0.0",
-		"typescript": "^4.0.0"
-	},
-	"type": "module",
-	"dependencies": {
-		"@mattjennings/heroicons-svelte": "^0.0.6",
-		"@tailwindcss/forms": "^0.3.3",
-		"@tailwindcss/typography": "^0.4.1"
-	}
+  "name": "svelte-modal-stack",
+  "version": "0.0.1-alpha.1",
+  "scripts": {
+    "dev": "svelte-kit dev",
+    "build": "svelte-kit build",
+    "preview": "svelte-kit preview",
+    "package": "svelte-kit package",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
+    "format": "prettier --write --plugin-search-dir=. .",
+    "release": "npm run package && npm publish ./package --access public"
+  },
+  "devDependencies": {
+    "@sveltejs/kit": "next",
+    "@typescript-eslint/eslint-plugin": "^4.19.0",
+    "@typescript-eslint/parser": "^4.19.0",
+    "autoprefixer": "^10.2.6",
+    "cssnano": "^5.0.5",
+    "eslint": "^7.22.0",
+    "eslint-config-prettier": "^8.1.0",
+    "eslint-plugin-svelte3": "^3.2.0",
+    "mdsvex": "^0.9.0",
+    "postcss": "^8.3.0",
+    "postcss-load-config": "^3.0.1",
+    "prettier": "~2.2.1",
+    "prettier-plugin-svelte": "^2.2.0",
+    "rehype-autolink-headings": "^5.0.1",
+    "rehype-slug": "^4.0.1",
+    "remark-abbr": "^1.4.1",
+    "remark-github": "^10.0.1",
+    "svelte": "^3.34.0",
+    "svelte-check": "^2.0.0",
+    "svelte-preprocess": "^4.0.0",
+    "tailwindcss": "^2.1.4",
+    "tslib": "^2.0.0",
+    "typescript": "^4.0.0"
+  },
+  "type": "module",
+  "dependencies": {
+    "@mattjennings/heroicons-svelte": "^0.0.6",
+    "@sveltejs/adapter-vercel": "^1.0.0-next.22",
+    "@tailwindcss/forms": "^0.3.3",
+    "@tailwindcss/typography": "^0.4.1"
+  }
 }

pnpm-lock.yaml

@@ -1,9 +1,19 @@
 <script>
+  import { browser } from '$app/env'
+  import { onMount } from 'svelte'
   import { ModalStack, closeModal } from 'svelte-modal-stack'
   import '../app.css'
   import '../prism.css'
   import Sidebar from './_components/Sidebar.svelte'
 
+  if (browser) {
+    onMount(() => {
+      if (self.location.hash) {
+        document.getElementById(self.location.hash.slice(1)).scrollIntoView()
+      }
+    })
+  }
+
 </script>
 
 <ModalStack>

src/routes/__layout.svelte

@@ -2,6 +2,8 @@ import { mdsvex } from 'mdsvex'
 import { mdsvexConfig } from './mdsvex.config.js'
 import preprocess from 'svelte-preprocess'
 import path from 'path'
+import adapter from '@sveltejs/adapter-vercel'
+
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
   extensions: ['.svelte', ...mdsvexConfig.extensions],
@@ -10,6 +12,7 @@ const config = {
   preprocess: [mdsvex(mdsvexConfig), preprocess()],
 
   kit: {
+    adapter: adapter(),
     // hydrate the <div id="svelte"> element in src/app.html
     target: '#svelte',
     vite: {