From f7e8dd8ab53d700a9c0fa05e5cb7b52ee9d3c084 Mon Sep 17 00:00:00 2001
From: kevinobee <kevin.obee@gmail.com>
Date: Sun, 3 Mar 2024 12:14:46 +0000
Subject: [PATCH] chore: enable Vercel Speed Insights

ref: https://vercel.com/docs/speed-insights/quickstart#add-the-speedinsights-component-to-your-app
---
 .changeset/fifty-melons-pull.md |  5 +++++
 package-lock.json               | 40 +++++++++++++++++++++++++++++++--
 package.json                    |  1 +
 src/routes/+layout.svelte       |  3 +++
 4 files changed, 47 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/fifty-melons-pull.md

diff --git a/.changeset/fifty-melons-pull.md b/.changeset/fifty-melons-pull.md
new file mode 100644
index 0000000..9ce40b1
--- /dev/null
+++ b/.changeset/fifty-melons-pull.md
@@ -0,0 +1,5 @@
+---
+"@faranglao/sveltekit-security-headers": patch
+---
+
+enable Vercel Speed Insights
diff --git a/package-lock.json b/package-lock.json
index cc83aa5..c2c6923 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "@faranglao/sveltekit-security-headers",
-	"version": "0.2.2",
+	"version": "0.3.0",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@faranglao/sveltekit-security-headers",
-			"version": "0.2.2",
+			"version": "0.3.0",
 			"license": "MIT",
 			"devDependencies": {
 				"@axe-core/playwright": "^4.8.5",
@@ -20,6 +20,7 @@
 				"@types/eslint": "8.56.2",
 				"@typescript-eslint/eslint-plugin": "^7.0.0",
 				"@typescript-eslint/parser": "^6.0.0",
+				"@vercel/speed-insights": "^1.0.10",
 				"@vitest/coverage-v8": "^1.3.0",
 				"eslint": "^8.56.0",
 				"eslint-config-prettier": "^9.1.0",
@@ -1920,6 +1921,41 @@
 			"integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
 			"dev": true
 		},
+		"node_modules/@vercel/speed-insights": {
+			"version": "1.0.10",
+			"resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.0.10.tgz",
+			"integrity": "sha512-4uzdKB0RW6Ff2FkzshzjZ+RlJfLPxgm/00i0XXgxfMPhwnnsk92YgtqsxT9OcPLdJUyVU1DqFlSWWjIQMPkh0g==",
+			"dev": true,
+			"hasInstallScript": true,
+			"peerDependencies": {
+				"@sveltejs/kit": "^1 || ^2",
+				"next": ">= 13",
+				"react": "^18 || ^19",
+				"svelte": "^4",
+				"vue": "^3",
+				"vue-router": "^4"
+			},
+			"peerDependenciesMeta": {
+				"@sveltejs/kit": {
+					"optional": true
+				},
+				"next": {
+					"optional": true
+				},
+				"react": {
+					"optional": true
+				},
+				"svelte": {
+					"optional": true
+				},
+				"vue": {
+					"optional": true
+				},
+				"vue-router": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/@vitest/coverage-v8": {
 			"version": "1.3.1",
 			"resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-1.3.1.tgz",
diff --git a/package.json b/package.json
index b9155fe..71033f4 100644
--- a/package.json
+++ b/package.json
@@ -64,6 +64,7 @@
 		"@types/eslint": "8.56.2",
 		"@typescript-eslint/eslint-plugin": "^7.0.0",
 		"@typescript-eslint/parser": "^6.0.0",
+		"@vercel/speed-insights": "^1.0.10",
 		"@vitest/coverage-v8": "^1.3.0",
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b25cc35..ed3500a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,8 @@
 <script>
 	import '../styles/app.css';
+	import { injectSpeedInsights } from '@vercel/speed-insights/sveltekit';
+
+	injectSpeedInsights();
 
 	const title = 'sveltekit-security-headers';
 	const description = 'Add HTTP Security Response Headers to any SvelteKit application';