add stackblitz example and usage

Author: matiasfha

package.json

@@ -18,15 +18,15 @@
   "license": "MIT",
   "scripts": {
     "dev": "vite dev",
-    "build": "pnpm un sveltekit-embed && pnpm i -D sveltekit-embed && vite build",
-    "package": "svelte-kit package",
+    "build": "pnpm run sveltekit-embed && pnpm i -D sveltekit-embed && vite build",
+    "package": "svelte-package",
     "preview": "vite preview",
     "test": "playwright test",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
     "format": "pretty-quick",
-    "package:local": "svelte-kit package && pnpm i -D ./package"
+    "package:local": "svelte-package && pnpm i -D ./package"
   },
   "husky": {
     "hooks": {
@@ -37,6 +37,7 @@
     "@playwright/test": "1.26.0",
     "@sveltejs/adapter-auto": "next",
     "@sveltejs/kit": "next",
+    "@sveltejs/package": "1.0.0-next.5",
     "@tailwindcss/typography": "0.5.7",
     "@typescript-eslint/eslint-plugin": "5.38.0",
     "@typescript-eslint/parser": "5.38.0",
@@ -58,7 +59,7 @@
     "svelte-check": "2.9.0",
     "svelte-preprocess": "4.10.7",
     "svelte2tsx": "0.5.18",
-    "sveltekit-embed": "0.0.5",
+    "sveltekit-embed": "link:package",
     "tailwindcss": "3.1.8",
     "tslib": "2.4.0",
     "typescript": "4.8.3",

pnpm-lock.yaml

@@ -327,6 +327,27 @@ Output:
 
 ## StackBlitz 
 
+Props:
+
+```ts
+
+width: string = '100'
+height: string = '500'
+id: string = ''
+view: 'editor' | 'preview' | 'default' = 'default'
+clickToLoad: boolean = true 
+hideNavigation: boolean = false
+hideExplorer: boolean = true
+theme: string | 'light' | 'dark' | 'default' = 'dark'
+file: string | undefined
+```
+
+Usage:
+
+```html
+<StackBlitz id="vitejs-vite-yyoood" theme="light"/>
+```
+
 Output:
 
-<StackBlitz id="vitejs-vite-yyoood" />
+<StackBlitz id="vitejs-vite-yyoood" hideNavigation />