chore: release 1.7.1

Author: artiebits

package.json

@@ -1,19 +1,22 @@
 {
   "name": "svelte-seo",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "license": "MIT",
   "repository": "git@github.com:artiebits/svelte-seo.git",
   "scripts": {
     "dev": "vite dev",
     "build": "svelte-kit sync && svelte-package",
-    "prepublishOnly": "npm build",
+    "prepublishOnly": "npm run build",
     "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
     "test": "playwright test",
     "lint": "prettier --check . && eslint .",
     "format": "prettier --write .",
     "preview": "vite build && vite preview"
   },
+  "files": [
+    "dist"
+  ],
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.33.0",
@@ -58,8 +61,8 @@
   },
   "exports": {
     ".": {
-      "types": "./index.d.ts",
-      "svelte": "./index.js"
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
     }
   }
 }

src/lib/index.svelte

@@ -1,5 +1,8 @@
-<script>
-  /** @type {import('./types').SvelteSeo}*/
+<script lang="ts">
+  import type { SvelteSeo } from './types';
+  
+  interface Props extends SvelteSeo {}
+  
   const {
     title,
     description,
@@ -20,7 +23,7 @@
     notranslate,
     jsonLd,
     children
-  } = $props();
+  }: Props = $props();
 
   import OpenGraphComponent from "./open-graph.svelte";
 </script>

src/lib/open-graph.svelte

@@ -1,6 +1,11 @@
-<script>
-  /** @type {{ openGraph: import("./types").SvelteSeo['openGraph'] }} */
-  const { openGraph } = $props();
+<script lang="ts">
+  import type { OpenGraph } from './types';
+  
+  interface Props {
+    openGraph: OpenGraph;
+  }
+  
+  const { openGraph }: Props = $props();
 </script>
 
 {#if openGraph}

src/lib/types.d.ts

@@ -1,4 +1,5 @@
 import { Thing, WithContext } from "schema-dts";
+import type { Snippet } from "svelte";
 
 export interface SvelteSeo {
   title?: string;
@@ -7,10 +8,10 @@ export interface SvelteSeo {
   keywords?: string;
   applicationName?: string;
   themeColor?: string;
-  nofollow?: Boolean;
-  noindex?: Boolean;
-  nositelinkssearchbox: Boolean;
-  notranslate: Boolean;
+  nofollow?: boolean;
+  noindex?: boolean;
+  nositelinkssearchbox: boolean;
+  notranslate: boolean;
   canonical?: string;
   amp?: string;
   manifest?: string;
@@ -80,7 +81,7 @@ declare interface OpenGraph {
   movie?: OpenGraphVideo;
   article?: OpenGraphArticle;
   book?: OpenGraphBook;
-  profile?: openGraphProfile;
+  profile?: OpenGraphProfile;
 }
 
 declare interface OpenGraphMusic {
@@ -123,7 +124,7 @@ declare interface OpenGraphBook {
   tag?: string[];
 }
 
-declare interface openGraphProfile {
+declare interface OpenGraphProfile {
   first_name?: string;
   last_name?: string;
   username?: string;

src/routes/+page.svelte

@@ -6,7 +6,7 @@
 <SvelteSEO
   title={SEO.title}
   description={SEO.description}
-  keywords={SEO.keywords.toString()}
+  keywords={SEO.keywords}
   base={SEO.base}
   applicationName={SEO.applicationName}
   themeColor={SEO.themeColor}

src/routes/index.js

@@ -1,10 +1,11 @@
+/** @type {import("../lib/types").SvelteSeo} */
 const SEO = {
   title: "Open Graph Article Title",
   noindex: false,
   nofollow: false,
   description: "Description of open graph article",
   base: "https://www.example.com",
-  keywords: ["svelte", "sveltekit", "web"],
+  keywords: "svelte, sveltekit, web",
   applicationName: "Svelte SEO",
   canonical: "https://www.example.com",
   themeColor: "red",
@@ -23,7 +24,6 @@ const SEO = {
     },
   ],
 
-  /**@type {import("../lib/types").SvelteSeo['twitter']}*/
   twitter: {
     title: "Open Graph Article Title",
     description: "Description of open graph article",
@@ -50,7 +50,6 @@ const SEO = {
     appId: "12344567",
   },
 
-  /**@type {import("../lib/types").OpenGraph} */
   openGraph: {
     title: "Open Graph Article Title",
     type: "website",

src/tests/twitter.test.js

@@ -67,7 +67,7 @@ test.describe("Loads twitter tags", () => {
     ).toBe("720");
   });
 
-  test("Loads twtter player height tag correctly", async ({ page }) => {
+  test("Loads twitter player height tag correctly", async ({ page }) => {
     expect(
       await page
         .locator("meta[name='twitter:player:height']")