Update SvelteKit to Latest

package.json

@@ -15,30 +15,31 @@
 	"devDependencies": {
 		"@esbuild-plugins/node-globals-polyfill": "^0.1.1",
 		"@rollup/plugin-inject": "^4.0.4",
-		"@sveltejs/adapter-auto": "next",
-		"@sveltejs/kit": "^1.0.0-next.400",
+		"@sveltejs/adapter-auto": "1.0.0-next.80",
+		"@sveltejs/kit": "1.0.0-next.503",
 		"@tailwindcss/typography": "^0.5.2",
 		"@typescript-eslint/eslint-plugin": "^5.27.0",
 		"@typescript-eslint/parser": "^5.27.0",
 		"autoprefixer": "^10.4.4",
-		"eslint": "^8.16.0",
-		"eslint-config-prettier": "^8.3.0",
+		"eslint": "^8.24.0",
+		"eslint-config-prettier": "^8.5.0",
 		"eslint-plugin-svelte3": "^4.0.0",
 		"postcss": "^8.4.12",
 		"postcss-load-config": "^3.1.4",
-		"prettier": "^2.6.2",
-		"prettier-plugin-svelte": "^2.7.0",
+		"prettier": "^2.7.1",
+		"prettier-plugin-tailwindcss": "^0.1.13",
 		"rollup-plugin-node-polyfills": "^0.2.1",
-		"svelte": "^3.44.0",
+		"svelte": "^3.50.1",
 		"svelte-check": "^2.7.1",
-		"svelte-preprocess": "^4.10.5",
-		"tailwindcss": "^3.0.23",
+		"svelte-preprocess": "^4.10.7",
+		"tailwindcss": "^3.1.8",
 		"tslib": "^2.3.1",
-		"typescript": "^4.7.2",
-		"vite": "^3.0.9"
+		"typescript": "^4.8.3",
+		"vite": "^3.1.3"
 	},
 	"type": "module",
 	"dependencies": {
+		"@babel/runtime": ">=7.0.0 <8.0.0",
 		"@solana/wallet-adapter-base": "^0.9.16",
 		"@solana/wallet-adapter-wallets": "^0.18.5",
 		"@solana/web3.js": "^1.50.1",
@@ -48,6 +49,8 @@
 		"bs58": "^5.0.0",
 		"buffer": "^6.0.3",
 		"daisyui": "^2.17.0",
+		"esbuild": "*",
+		"rollup": ">=1.20.0 <2.0.0 || >=2.0.0 <3.0.0",
 		"tweetnacl": "^1.0.3",
 		"uuid": "^8.3.2"
 	}

src/lib/AppBar.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { WalletMultiButton } from '@svelte-on-solana/wallet-adapter-ui';
 	import { setLocalStorage, getLocalStorage } from '@svelte-on-solana/wallet-adapter-core';
-	import { browser } from '$app/env';
+	import { browser } from '$app/environment';
 
 	let checked = Boolean(getLocalStorage('autoconnect', false));
 	$: browser && setLocalStorage('autoconnect', checked);

src/routes/__layout.svelte → src/routes/+layout.svelte

@@ -1,17 +1,11 @@
-<script context="module" lang="ts">
-	import { Buffer } from 'buffer';
-
-	globalThis.Buffer = Buffer;
-</script>
-
 <script lang="ts">
 	import { clusterApiUrl } from '@solana/web3.js';
 	import { WalletProvider, ConnectionProvider } from '@svelte-on-solana/wallet-adapter-ui';
 	import { WalletAdapterNetwork } from '@solana/wallet-adapter-base';
 	import type { Adapter } from '@solana/wallet-adapter-base';
 	import { getLocalStorage } from '@svelte-on-solana/wallet-adapter-core';
 	import { AppBar, ContentContainer, Footer, NotificationList } from '$lib/index';
-	import { browser } from '$app/env';
+	import { browser } from '$app/environment';
 	import {
 		PhantomWalletAdapter,
 		SolflareWalletAdapter,
@@ -30,7 +24,7 @@
 		new SolflareWalletAdapter(),
 		new SolletWalletAdapter({ network: endpoint }),
 		new SolletExtensionWalletAdapter({ network: endpoint }),
-		new TorusWalletAdapter(),
+		new TorusWalletAdapter()
 	];
 
 	$: autoConnect = browser && Boolean(getLocalStorage('autoconnect', false));

src/routes/+layout.ts

@@ -0,0 +1,3 @@
+import { Buffer } from 'buffer';
+
+globalThis.Buffer = Buffer;

svelte.config.js

@@ -1,5 +1,6 @@
 import adapter from '@sveltejs/adapter-auto';
 import preprocess from 'svelte-preprocess'
+import path from 'path';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -11,6 +12,10 @@ const config = {
 
 	kit: {
 		adapter: adapter(),
+		alias: {
+			$stores: path.resolve('./src/stores'),
+			stream: 'rollup-plugin-node-polyfills/polyfills/stream',
+		}
 	}
 };
 

vite.config.js

@@ -2,7 +2,6 @@ import { sveltekit } from '@sveltejs/kit/vite';
 import { NodeGlobalsPolyfillPlugin } from "@esbuild-plugins/node-globals-polyfill";
 import inject from '@rollup/plugin-inject';
 import nodePolyfills from "rollup-plugin-node-polyfills";
-import path from 'path';
 
 /** @type {import('vite').UserConfig} */
 const config = {
@@ -19,12 +18,6 @@ const config = {
 				plugins: [NodeGlobalsPolyfillPlugin({ buffer: true })],
 		},
 	},
-	resolve: {
-		alias: {
-			$stores: path.resolve('./src/stores'),
-			stream: 'rollup-plugin-node-polyfills/polyfills/stream',
-		}
-	},
 	build: {
 		target: 'esnext',
 		commonjsOptions: {