@batijs/cli 0.0.87 → 0.0.88

package/dist/boilerplates/@batijs/edgedb/files/$package.json.js

@@ -1,10 +1,10 @@
 // files/$package.json.ts
 import { addDependency, loadAsJson } from "@batijs/core";
-async function getPackageJson(currentContent) {
-  const packageJson = await loadAsJson(currentContent);
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
   packageJson.scripts["edgedb:generate-queries"] = "@edgedb/generate queries";
   packageJson.scripts["edgedb:generate-edgeql-js"] = "@edgedb/generate edgeql-js";
-  return addDependency(packageJson, await import("../package-HMOHSPQH.js"), {
+  return addDependency(packageJson, await import("../package-Z3MWAXVW.js"), {
     devDependencies: ["@edgedb/generate"],
     dependencies: ["edgedb"]
   });

package/dist/boilerplates/@batijs/edgedb/{package-HMOHSPQH.js → package-Z3MWAXVW.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/edgedb";
 var private2 = true;
-var version = "0.0.87";
+var version = "0.0.88";
 var description = "";
 var type = "module";
 var scripts = {

package/dist/boilerplates/@batijs/eslint/files/$package.json.js

@@ -0,0 +1,17 @@
+// files/$package.json.ts
+import { addDependency, loadAsJson, setScripts } from "@batijs/core";
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  setScripts(packageJson, {
+    lint: {
+      value: "eslint --ext .js,.jsx,.ts,.tsx .",
+      precedence: 0
+    }
+  });
+  return addDependency(packageJson, await import("../package-6IZEDCMJ.js"), {
+    devDependencies: ["eslint", "@typescript-eslint/parser", "@typescript-eslint/eslint-plugin"]
+  });
+}
+export {
+  getPackageJson as default
+};

package/dist/boilerplates/@batijs/eslint/files/.eslintignore

@@ -0,0 +1,7 @@
+# Build artifacts
+dist/**
+
+# JS files at the root of the project
+*.js
+*.cjs
+*.mjs

package/dist/boilerplates/@batijs/eslint/files/.eslintrc.json

@@ -0,0 +1,10 @@
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
+  "plugins": ["@typescript-eslint"],
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaVersion": "latest"
+  }
+}

package/dist/boilerplates/@batijs/eslint/package-6IZEDCMJ.js

@@ -0,0 +1,61 @@
+// package.json
+var name = "@batijs/eslint";
+var private2 = true;
+var version = "0.0.88";
+var description = "";
+var type = "module";
+var keywords = [];
+var author = "";
+var license = "MIT";
+var scripts = {
+  build: "tsup"
+};
+var devDependencies = {
+  "@batijs/tsup": "workspace:^",
+  "@typescript-eslint/eslint-plugin": "^6.7.3",
+  "@typescript-eslint/parser": "^6.7.3",
+  eslint: "^8.50.0",
+  tsup: "^7.2.0"
+};
+var dependencies = {
+  "@batijs/core": "workspace:*"
+};
+var files = [
+  "dist/"
+];
+var bati = {
+  flag: "eslint",
+  name: "ESLint",
+  homepage: "https://eslint.org"
+};
+var package_default = {
+  name,
+  private: private2,
+  version,
+  description,
+  type,
+  keywords,
+  author,
+  license,
+  scripts,
+  devDependencies,
+  dependencies,
+  files,
+  bati
+};
+export {
+  author,
+  bati,
+  package_default as default,
+  dependencies,
+  description,
+  devDependencies,
+  files,
+  keywords,
+  license,
+  name,
+  private2 as private,
+  scripts,
+  type,
+  version
+};

package/dist/boilerplates/@batijs/express/files/$package.json.js

@@ -1,7 +1,7 @@
 // files/$package.json.ts
 import { addDependency, loadAsJson, setScripts } from "@batijs/core";
-async function getPackageJson(currentContent, meta) {
-  const packageJson = await loadAsJson(currentContent);
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
   setScripts(packageJson, {
     dev: {
       value: "esno ./express-entry.ts",
@@ -18,7 +18,7 @@ async function getPackageJson(currentContent, meta) {
       precedence: 20
     }
   });
-  return addDependency(packageJson, await import("../package-LVAF3GMH.js"), {
+  return addDependency(packageJson, await import("../package-TAXLRPPG.js"), {
     devDependencies: ["@types/express"],
     dependencies: [
       "@hattip/adapter-node",
@@ -26,7 +26,7 @@ async function getPackageJson(currentContent, meta) {
       "esno",
       "vite",
       "vike",
-      ...meta.BATI_MODULES?.includes("auth:authjs") ? ["@auth/core", "vike-authjs"] : []
+      ...props.meta.BATI_MODULES?.includes("auth:authjs") ? ["@auth/core", "vike-authjs"] : []
     ]
   });
 }

package/dist/boilerplates/@batijs/express/{package-LVAF3GMH.js → package-TAXLRPPG.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/express";
 var private2 = true;
-var version = "0.0.87";
+var version = "0.0.88";
 var description = "";
 var type = "module";
 var scripts = {

package/dist/boilerplates/@batijs/h3/files/$package.json.js

@@ -1,7 +1,7 @@
 // files/$package.json.ts
 import { addDependency, loadAsJson, setScripts } from "@batijs/core";
-async function getPackageJson(currentContent, meta) {
-  const packageJson = await loadAsJson(currentContent);
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
   setScripts(packageJson, {
     dev: {
       value: "esno ./h3-entry.ts",
@@ -18,7 +18,7 @@ async function getPackageJson(currentContent, meta) {
       precedence: 20
     }
   });
-  return addDependency(packageJson, await import("../package-OCNH7HWJ.js"), {
+  return addDependency(packageJson, await import("../package-GAI6KFVK.js"), {
     devDependencies: ["@types/serve-static"],
     dependencies: [
       "@hattip/polyfills",
@@ -27,7 +27,7 @@ async function getPackageJson(currentContent, meta) {
       "esno",
       "vike",
       "vite",
-      ...meta.BATI_MODULES?.includes("auth:authjs") ? ["@auth/core", "vike-authjs"] : []
+      ...props.meta.BATI_MODULES?.includes("auth:authjs") ? ["@auth/core", "vike-authjs"] : []
     ]
   });
 }

package/dist/boilerplates/@batijs/h3/{package-OCNH7HWJ.js → package-GAI6KFVK.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/h3";
 var private2 = true;
-var version = "0.0.87";
+var version = "0.0.88";
 var description = "";
 var type = "module";
 var scripts = {

package/dist/boilerplates/@batijs/hattip/files/$package.json.js

@@ -1,7 +1,7 @@
 // files/$package.json.ts
 import { addDependency, loadAsJson, setScripts } from "@batijs/core";
-async function getPackageJson(currentContent, meta) {
-  const packageJson = await loadAsJson(currentContent);
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
   setScripts(packageJson, {
     dev: {
       value: "hattip serve ./hattip-entry.ts --client",
@@ -17,14 +17,14 @@ async function getPackageJson(currentContent, meta) {
   if (packageJson.scripts.preview) {
     delete packageJson.scripts.preview;
   }
-  return addDependency(packageJson, await import("../package-FDRQH742.js"), {
+  return addDependency(packageJson, await import("../package-3BN33DJA.js"), {
     devDependencies: ["@hattip/vite", "@hattip/adapter-node"],
     dependencies: [
       "@hattip/router",
       "hattip",
       "vite",
       "vike",
-      ...meta.BATI_MODULES?.includes("auth:authjs") ? ["@auth/core", "vike-authjs"] : []
+      ...props.meta.BATI_MODULES?.includes("auth:authjs") ? ["@auth/core", "vike-authjs"] : []
     ]
   });
 }

package/dist/boilerplates/@batijs/hattip/files/$vite.config.ts.js

@@ -1,7 +1,7 @@
 // files/$vite.config.ts.ts
 import { addVitePlugin, loadAsMagicast } from "@batijs/core";
-async function getViteConfig(currentContent) {
-  const mod = await loadAsMagicast(currentContent);
+async function getViteConfig(props) {
+  const mod = await loadAsMagicast(props);
   addVitePlugin(mod, {
     from: "@hattip/vite",
     imported: "hattip",

package/dist/boilerplates/@batijs/hattip/{package-FDRQH742.js → package-3BN33DJA.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/hattip";
 var private2 = true;
-var version = "0.0.87";
+var version = "0.0.88";
 var description = "";
 var type = "module";
 var scripts = {

package/dist/boilerplates/@batijs/prisma/files/$.env.js

@@ -1,7 +1,7 @@
 // files/$.env.ts
 import "@batijs/core";
-async function getEnv(currentContent) {
-  let envContent = await currentContent?.() ?? "";
+async function getEnv(props) {
+  let envContent = await props.readfile?.() ?? "";
   if (envContent.endsWith("\n\n")) {
   } else if (envContent.endsWith("\n")) {
     envContent = envContent + "\n";

package/dist/boilerplates/@batijs/prisma/files/$package.json.js

@@ -1,10 +1,10 @@
 // files/$package.json.ts
 import { addDependency, loadAsJson } from "@batijs/core";
-async function getPackageJson(currentContent) {
-  const packageJson = await loadAsJson(currentContent);
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
   packageJson.scripts["prisma:studio"] = "prisma studio";
   packageJson.scripts["prisma:generate"] = "prisma generate";
-  return addDependency(packageJson, await import("../package-JX35CIXF.js"), {
+  return addDependency(packageJson, await import("../package-5JR5MUIX.js"), {
     devDependencies: ["prisma"],
     dependencies: ["@prisma/client"]
   });

package/dist/boilerplates/@batijs/prisma/{package-JX35CIXF.js → package-5JR5MUIX.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/prisma";
 var private2 = true;
-var version = "0.0.87";
+var version = "0.0.88";
 var description = "";
 var type = "module";
 var scripts = {

package/dist/boilerplates/@batijs/react/files/$.eslintrc.json.js

@@ -0,0 +1,16 @@
+// files/$.eslintrc.json.ts
+import { loadAsJson } from "@batijs/core";
+async function getEslintConfig(props) {
+  if (!props.meta.BATI_MODULES?.includes("tool:eslint"))
+    return;
+  const eslintConfig = await loadAsJson(props);
+  eslintConfig.extends = eslintConfig.extends.filter(
+    (p) => p !== "eslint:recommended" && p !== "plugin:@typescript-eslint/recommended"
+  );
+  eslintConfig.extends.push("react-app");
+  eslintConfig.plugins = eslintConfig.plugins.filter((p) => p !== "@typescript-eslint");
+  return eslintConfig;
+}
+export {
+  getEslintConfig as default
+};

package/dist/boilerplates/@batijs/react/files/$package.json.js

@@ -1,8 +1,13 @@
 // files/$package.json.ts
 import { addDependency, loadAsJson } from "@batijs/core";
-async function getPackageJson(currentContent) {
-  const packageJson = await loadAsJson(currentContent);
-  return addDependency(packageJson, await import("../package-5YB3UKUO.js"), {
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  if (props.meta.BATI_MODULES?.includes("tool:eslint")) {
+    addDependency(packageJson, await import("../package-EYTH4VNP.js"), {
+      devDependencies: ["eslint-config-react-app"]
+    });
+  }
+  return addDependency(packageJson, await import("../package-EYTH4VNP.js"), {
     devDependencies: ["vite", "@types/react", "@types/react-dom"],
     dependencies: ["@vitejs/plugin-react", "cross-fetch", "react", "react-dom", "vike", "vike-react"]
   });

package/dist/boilerplates/@batijs/react/files/$tsconfig.json.js

@@ -1,7 +1,7 @@
 // files/$tsconfig.json.ts
 import { loadAsJson } from "@batijs/core";
-async function getTsConfig(currentContent) {
-  const tsConfig = await loadAsJson(currentContent);
+async function getTsConfig(props) {
+  const tsConfig = await loadAsJson(props);
   tsConfig.compilerOptions.jsx = "preserve";
   tsConfig.compilerOptions.jsxImportSource = "react";
   tsConfig.compilerOptions.types = [...tsConfig.compilerOptions.types ?? [], "vike-react"];

package/dist/boilerplates/@batijs/react/files/$vite.config.ts.js

@@ -1,8 +1,8 @@
 // files/$vite.config.ts.ts
 import { addVitePlugin, loadAsMagicast } from "@batijs/core";
-async function getViteConfig(currentContent, meta) {
-  const mod = await loadAsMagicast(currentContent);
-  const options = meta.BATI_MODULES?.includes("hosting:vercel") ? {
+async function getViteConfig(props) {
+  const mod = await loadAsMagicast(props);
+  const options = props.meta.BATI_MODULES?.includes("hosting:vercel") ? {
     prerender: true
   } : {};
   addVitePlugin(mod, {

package/dist/boilerplates/@batijs/react/files/components/Link.tsx

@@ -1,15 +1,13 @@
-export { Link }
+import React from "react";
+import { usePageContext } from "vike-react/usePageContext";
 
-import { usePageContext } from 'vike-react/usePageContext'
-import React from 'react'
-
-function Link({ href, children }: { href: string; children: string }) {
-  const pageContext = usePageContext()
-  const { urlPathname } = pageContext
-  const isActive = href === '/' ? urlPathname === href : urlPathname.startsWith(href)
+export function Link({ href, children }: { href: string; children: string }) {
+  const pageContext = usePageContext();
+  const { urlPathname } = pageContext;
+  const isActive = href === "/" ? urlPathname === href : urlPathname.startsWith(href);
   return (
-    <a href={href} className={isActive ? 'is-active' : undefined}>
+    <a href={href} className={isActive ? "is-active" : undefined}>
       {children}
     </a>
-  )
+  );
 }

package/dist/boilerplates/@batijs/react/files/layouts/LayoutDefault.tsx

@@ -81,7 +81,7 @@ function Logo() {
       }}
     >
       <a href="/">
-        <img src={logoUrl} height={64} width={64} />
+        <img src={logoUrl} height={64} width={64} alt="logo" />
       </a>
     </div>
   );

package/dist/boilerplates/@batijs/react/files/pages/_error/+Page.tsx

@@ -1,8 +1,6 @@
-export default Page;
-
 import React from "react";
 
-function Page({ is404, errorInfo }: { is404: boolean; errorInfo?: string }) {
+export default function Page({ is404, errorInfo }: { is404: boolean; errorInfo?: string }) {
   if (is404) {
     return (
       <>

package/dist/boilerplates/@batijs/react/files/pages/index/Counter.tsx

@@ -1,8 +1,6 @@
 import React, { useState } from "react";
 
-export { Counter };
-
-function Counter() {
+export function Counter() {
   const [count, setCount] = useState(0);
 
   return (

package/dist/boilerplates/@batijs/react/files/pages/star-wars/@id/+Page.tsx

@@ -1,9 +1,7 @@
-export default Page;
-
 import React from "react";
 import type { MovieDetails } from "../types";
 
-function Page({ movie }: { movie: MovieDetails }) {
+export default function Page({ movie }: { movie: MovieDetails }) {
   return (
     <>
       <h1>{movie.title}</h1>

package/dist/boilerplates/@batijs/react/files/pages/star-wars/@id/+onBeforeRender.ts

@@ -1,11 +1,9 @@
-export default onBeforeRender;
-
 import fetch from "cross-fetch";
-import { filterMovieData } from "../filterMovieData";
 import type { PageContextBuiltInServer } from "vike/types";
+import { filterMovieData } from "../filterMovieData";
 import type { MovieDetails } from "../types";
 
-async function onBeforeRender(pageContext: PageContextBuiltInServer) {
+export default async function onBeforeRender(pageContext: PageContextBuiltInServer) {
   const response = await fetch(`https://star-wars.brillout.com/api/films/${pageContext.routeParams.id}.json`);
   let movie = (await response.json()) as MovieDetails;
 

package/dist/boilerplates/@batijs/react/files/pages/star-wars/filterMovieData.ts

@@ -1,10 +1,6 @@
 import type { MovieDetails } from "./types";
 
-export { filterMovieData };
-
-function filterMovieData(
-  movie: MovieDetails & Record<string, unknown>
-): MovieDetails {
+export function filterMovieData(movie: MovieDetails & Record<string, unknown>): MovieDetails {
   const { id, title, release_date, director, producer } = movie;
   movie = { id, title, release_date, director, producer };
   return movie;

package/dist/boilerplates/@batijs/react/files/pages/star-wars/index/+Page.tsx

@@ -1,9 +1,7 @@
-export default Page;
-
 import React from "react";
 import type { Movie } from "../types";
 
-function Page({ movies }: { movies: Movie[] }) {
+export default function Page({ movies }: { movies: Movie[] }) {
   return (
     <>
       <h1>Star Wars Movies</h1>

package/dist/boilerplates/@batijs/react/files/pages/star-wars/index/+onBeforeRender.ts

@@ -1,12 +1,8 @@
-export default onBeforeRender;
-
 import fetch from "cross-fetch";
 //import { filterMovieData } from '../filterMovieData'
 import type { Movie, MovieDetails } from "../types";
 
-// export { prerender }
-
-async function onBeforeRender() {
+export default async function onBeforeRender() {
   const movies = await getStarWarsMovies();
   return {
     pageContext: {
@@ -23,6 +19,7 @@ async function onBeforeRender() {
 
 async function getStarWarsMovies(): Promise<MovieDetails[]> {
   const response = await fetch("https://star-wars.brillout.com/api/films.json");
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   let movies: MovieDetails[] = ((await response.json()) as any).results;
   movies = movies.map((movie: MovieDetails, i: number) => ({
     ...movie,

package/dist/boilerplates/@batijs/react/{package-5YB3UKUO.js → package-EYTH4VNP.js}

@@ -1,7 +1,7 @@
 // package.json
 var name = "@batijs/react";
 var private2 = true;
-var version = "0.0.87";
+var version = "0.0.88";
 var description = "";
 var type = "module";
 var scripts = {
@@ -11,20 +11,24 @@ var keywords = [];
 var author = "";
 var license = "MIT";
 var devDependencies = {
+  "@babel/core": "^7.23.0",
+  "@babel/plugin-syntax-flow": "^7.22.5",
+  "@babel/plugin-transform-react-jsx": "^7.22.15",
   "@batijs/tsup": "workspace:*",
   "@types/node": "^16.18.40",
   "@types/react": "^18.2.25",
   "@types/react-dom": "^18.2.11",
   "@vitejs/plugin-react": "^4.1.0",
   "cross-fetch": "^4.0.0",
+  "eslint-config-react-app": "^7.0.1",
   react: "^18.2.0",
   "react-dom": "^18.2.0",
   tailwindcss: "^3.3.3",
   tsup: "^7.2.0",
   typescript: "^5.2.2",
+  vike: "^0.4.143",
   "vike-react": "^0.3.0",
-  vite: "^4.4.11",
-  vike: "^0.4.143"
+  vite: "^4.4.11"
 };
 var dependencies = {
   "@batijs/core": "workspace:*"

package/dist/boilerplates/@batijs/react-telefunc/files/database/todoItems.ts

@@ -1,8 +1,5 @@
-export { todoItems };
-export type { TodoItem };
-
-type TodoItem = { text: string };
-const todoItems: TodoItem[] = [];
+export type TodoItem = { text: string };
+export const todoItems: TodoItem[] = [];
 init();
 
 // Initial data

package/dist/boilerplates/@batijs/react-telefunc/files/pages/todo/+config.h.ts

@@ -1,3 +1,5 @@
-export default {
+const config = {
   prerender: false,
 };
+
+export default config;

package/dist/boilerplates/@batijs/react-telefunc/files/pages/todo/+onBeforeRender.ts

@@ -1,9 +1,7 @@
 // https://vike.dev/onBeforeRender
-export default onBeforeRender;
-
 import { todoItems } from "../../database/todoItems";
 
-function onBeforeRender() {
+export default function onBeforeRender() {
   const todoItemsInitial = todoItems;
   return {
     pageContext: {

package/dist/boilerplates/@batijs/react-telefunc/files/pages/todo/TodoList.telefunc.ts

@@ -1,8 +1,6 @@
-export { onNewTodo };
+import { todoItems, type TodoItem } from "../../database/todoItems";
 
-import { type TodoItem, todoItems } from "../../database/todoItems";
-
-async function onNewTodo({ text }: TodoItem) {
+export async function onNewTodo({ text }: TodoItem) {
   todoItems.push({ text });
   return { todoItems };
 }

package/dist/boilerplates/@batijs/shared/files/$index.html.js

@@ -1,7 +1,7 @@
 // files/$index.html.ts
 import "@batijs/core";
-function createDefaultIndexHtml(_currentContent, meta) {
-  if (meta.BATI_MODULES?.some((m) => m.startsWith("framework:")))
+function createDefaultIndexHtml(props) {
+  if (props.meta.BATI_MODULES?.some((m) => m.startsWith("framework:")))
     return null;
   return `<html>
 <head>

package/dist/boilerplates/@batijs/solid/files/$.eslintrc.json.js

@@ -0,0 +1,13 @@
+// files/$.eslintrc.json.ts
+import { loadAsJson } from "@batijs/core";
+async function getEslintConfig(props) {
+  if (!props.meta.BATI_MODULES?.includes("tool:eslint"))
+    return;
+  const eslintConfig = await loadAsJson(props);
+  eslintConfig.extends.push("plugin:solid/typescript");
+  eslintConfig.plugins.push("solid");
+  return eslintConfig;
+}
+export {
+  getEslintConfig as default
+};

package/dist/boilerplates/@batijs/solid/files/$package.json.js

@@ -1,8 +1,13 @@
 // files/$package.json.ts
 import { addDependency, loadAsJson } from "@batijs/core";
-async function getPackageJson(currentContent) {
-  const packageJson = await loadAsJson(currentContent);
-  return addDependency(packageJson, await import("../package-BLWCB4NH.js"), {
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  if (props.meta.BATI_MODULES?.includes("tool:eslint")) {
+    addDependency(packageJson, await import("../package-3SC4XVSR.js"), {
+      devDependencies: ["eslint-plugin-solid"]
+    });
+  }
+  return addDependency(packageJson, await import("../package-3SC4XVSR.js"), {
     devDependencies: ["vite"],
     dependencies: ["cross-fetch", "solid-js", "vike-solid", "vike"]
   });

package/dist/boilerplates/@batijs/solid/files/$tsconfig.json.js

@@ -1,7 +1,7 @@
 // files/$tsconfig.json.ts
 import { loadAsJson } from "@batijs/core";
-async function getTsConfig(currentContent) {
-  const tsConfig = await loadAsJson(currentContent);
+async function getTsConfig(props) {
+  const tsConfig = await loadAsJson(props);
   tsConfig.compilerOptions.jsx = "preserve";
   tsConfig.compilerOptions.jsxImportSource = "solid-js";
   tsConfig.compilerOptions.types = [...tsConfig.compilerOptions.types ?? [], "vike-solid/client"];

package/dist/boilerplates/@batijs/solid/files/$vite.config.ts.js

@@ -1,9 +1,9 @@
 // files/$vite.config.ts.ts
 import { addVitePlugin, loadAsMagicast } from "@batijs/core";
-async function getViteConfig(currentContent, meta) {
-  const mod = await loadAsMagicast(currentContent);
+async function getViteConfig(props) {
+  const mod = await loadAsMagicast(props);
   let options = void 0;
-  if (meta.BATI_MODULES?.some((m) => m === "hosting:vercel")) {
+  if (props.meta.BATI_MODULES?.some((m) => m === "hosting:vercel")) {
     options = {
       vps: {
         prerender: true

package/dist/boilerplates/@batijs/solid/files/layouts/HeadDefault.tsx

@@ -9,7 +9,7 @@ export default function HeadDefault() {
         <link rel="icon" href={logoUrl} />
         {/* See https://plausible.io/docs/plausible-script */}
         {/* TODO: update data-domain */}
-        <script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js"></script>
+        <script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js" />
       </>
     );
   } else {