docs: added metadata.

Author: Blankeos

apps/site/package.json

@@ -21,6 +21,7 @@
     "tailwindcss": "^4.1.17",
     "typescript": "^5.6.3",
     "vike": "^0.4.247",
+    "vike-metadata-solid": "^1.0.4",
     "vike-solid": "^0.7.13",
     "vite": "^7.2.6",
     "vite-plugin-solid": "^2.10.2",

apps/site/pages/+Layout.tsx

@@ -1,5 +1,27 @@
 import type { FlowProps } from "solid-js"
 import "../styles.css"
+import { useMetadata } from "vike-metadata-solid"
+
+useMetadata.setGlobalDefaults({
+  title: "Solid Number Flow",
+  description:
+    "A SolidJS component to transition, format, and localize numbers. Forked from @barvian/number-flow.",
+  viewport: {
+    width: "device-width",
+    initialScale: 1,
+  },
+  twitter: {
+    card: "summary_large_image",
+    creator: "@carlo_taleon",
+  },
+  otherJSX: () => {
+    return (
+      <>
+        <link rel="icon" href="/favicon.ico" />
+      </>
+    )
+  },
+})
 
 export default function Layout(props: FlowProps) {
   return <>{props.children}</>

apps/site/pages/+Page.tsx

@@ -54,7 +54,13 @@ const FORMATS = [
   },
 ] as Format[]
 
+import { useMetadata } from "vike-metadata-solid"
+
 export default function HomePage() {
+  useMetadata({
+    title: "Solid Number Flow",
+  })
+
   const [value, cycleValue] = useCycle(NUMBERS)
   const [locale, cycleLocale] = useCycle(LOCALES)
   const [format, cycleFormat] = useCycle(FORMATS)

apps/site/public/favicon.ico

@@ -31,6 +31,7 @@
         "tailwindcss": "^4.1.17",
         "typescript": "^5.6.3",
         "vike": "^0.4.247",
+        "vike-metadata-solid": "^1.0.4",
         "vike-solid": "^0.7.13",
         "vite": "^7.2.6",
         "vite-plugin-solid": "^2.10.2",
@@ -1207,6 +1208,8 @@
 
     "vike": ["[email protected]", "", { "dependencies": { "@brillout/import": "^0.2.6", "@brillout/json-serializer": "^0.5.21", "@brillout/picocolors": "^1.0.29", "@brillout/require-shim": "^0.1.2", "@brillout/vite-plugin-server-entry": "^0.7.15", "acorn": "^8.0.0", "cac": "^6.0.0", "es-module-lexer": "^1.0.0", "esbuild": ">=0.19.0", "json5": "^2.0.0", "magic-string": "^0.30.17", "picomatch": "^4.0.2", "semver": "^7.0.0", "sirv": "^3.0.1", "source-map-support": "^0.5.0", "tinyglobby": "^0.2.10", "vite": ">=6.3.0" }, "peerDependencies": { "react-streaming": ">=0.3.42" }, "optionalPeers": ["react-streaming"], "bin": { "vike": "node/cli/bin.js" } }, "sha512-rEVYi2cPtCGN92aChkGjV72jLfm9yLl/fx+jCgW7l905vxa4JV6ZTaThOKSbh+1+EsRE9sbDFhBc2KCikSJaog=="],
 
+    "vike-metadata-solid": ["[email protected]", "", { "peerDependencies": { "solid-js": "^1.6.0" } }, "sha512-LGJNVs1FJVQU/O8VicZKKwdnlTNwoRWn0JHbxzYrDZEYidYyGFnUSwmoPubBE/AVxHEUaiIDvzeb2pG6V/Q91g=="],
+
     "vike-solid": ["[email protected]", "", { "dependencies": { "isbot-fast": "^1.2.0", "vite-plugin-solid": "^2.11.8" }, "peerDependencies": { "solid-js": "^1.8.7", "vike": ">=0.4.195", "vite": ">=5.0.0" } }, "sha512-yTlAtGF+V9Jhu2bob/tzm5dJsS1pz4fdMvJqE2SVJp4eBRuGeGM/EV31JvMvEgF8VF/pMXNQa2i877TADuNkNw=="],
 
     "vite": ["[email protected]", "", { "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.5.0", "picomatch": "^4.0.3", "postcss": "^8.5.6", "rollup": "^4.43.0", "tinyglobby": "^0.2.15" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "jiti": ">=1.21.0", "less": "^4.0.0", "lightningcss": "^1.21.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "jiti", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-tI2l/nFHC5rLh7+5+o7QjKjSR04ivXDF4jcgV0f/bTQ+OJiITy5S6gaynVsEM+7RqzufMnVbIon6Sr5x1SDYaQ=="],

bun.lock

@@ -1,5 +1,6 @@
 {
   "name": "solid-number-flow",
+  "description": "A SolidJS component to transition, format, and localize numbers. Forked from @barvian/number-flow.",
   "version": "0.5.3",
   "author": "Carlo Taleon",
   "repository": {
@@ -50,7 +51,6 @@
       "url": "https://barvian.me"
     }
   ],
-  "description": "A SolidJS component to transition, format, and localize numbers. Forked from @barvian/number-flow.",
   "engines": {
     "node": ">=18"
   },