README.md

@@ -1,10 +1,38 @@
-# Embroidery Viewer
+# sv
 
-A free online tool to view embroidery files.
+Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
-Available at https://embroideryviewer.xyz.
 
-![Demo](/demo.gif)
+## Creating a project
 
-Current supported formats: **.pes, .dst, .pec, .jef and .exp**.
+If you're seeing this, you've probably already done this step. Congrats!
 
-Inspired by https://github.com/redteam316/html5-embroidery.git..
+```bash
+# create a new project in the current directory
+npx sv create
+
+# create a new project in my-app
+npx sv create my-app.
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

src/lib/components/Seo.svelte

@@ -50,12 +50,12 @@
   <meta property="og:type" content={ogType} />
   <meta property="og:title" content={$t(ogTitle)} />
   <meta property="og:description" content={$t(ogDescription)} />
-  <meta property="og:image" content={$t(ogImage)} />
+  <meta property="og:image" content={ogImage} />
-  <meta property="og:url" content={$t(url)} />
+  <meta property="og:url" content={url} />
 
   <!-- Twitter -->
-  <meta name="twitter:card" content={$t(twitterCard)} />
+  <meta name="twitter:card" content={twitterCard} />
-  <meta name="twitter:title" content={$t(twitterTitle)} />
+  <meta name="twitter:title" content={twitterTitle} />
   <meta name="twitter:description" content={$t(twitterDescription)} />
-  <meta name="twitter:image" content={$t(twitterImage)} />
+  <meta name="twitter:image" content={twitterImage} />
 </svelte:head>