docs: add new component docs

docs/package.json

@@ -1,33 +1,43 @@
 {
   "private": true,
   "scripts": {
-    "dev": "sapper dev",
-    "build": "shx rm -rf public && sapper export && shx mv __sapper__/export public",
-    "cy:run": "cypress run",
-    "cy:open": "cypress open",
-    "test": "run-p --race dev cy:run",
-    "test:tdd": "run-p --race dev cy:open"
-  },
-  "dependencies": {
-    "polka": "next",
-    "sirv": "^1.0.1"
+    "dev": "run-p dev:*",
+    "dev:routify": "NODE_ENV=development routify run",
+    "dev:svite": "svite",
+    "build": "run-s build:*",
+    "build:routify": "routify run -b",
+    "build:svite": "svite build --assetsDir=assets",
+    "postbuild": "node scripts/postbuild",
+    "deploy": "npx gh-pages -d dist"
   },
   "devDependencies": {
-    "autoprefixer": "^9.8.5",
-    "carbon-components": "^10.17.0",
+    "@sveltech/routify": "^1.9.9",
     "carbon-components-svelte": "../",
     "clipboard-copy": "^3.1.0",
-    "cypress": "^4.10.0",
+    "fs-extra": "^9.0.1",
+    "mdsvex": "^0.8.8",
     "node-sass": "^4.14.1",
     "npm-run-all": "^4.1.5",
-    "postcss": "^7.0.32",
-    "sapper": "^0.27.16",
-    "shx": "^0.3.2",
-    "svelte": "^3.24.0",
-    "svelte-loader": "^2.9.0",
-    "webpack": "^4.7.0"
+    "playwright": "^1.4.2",
+    "polka": "^0.5.2",
+    "posthtml": "^0.13.3",
+    "prettier": "^2.1.2",
+    "prettier-plugin-svelte": "^1.4.0",
+    "prism-svelte": "^0.4.7",
+    "prismjs": "^1.21.0",
+    "remark-slug": "^6.0.0",
+    "sirv": "^1.0.6",
+    "svelte": "3.29.0",
+    "svelte-hmr": "0.11.1",
+    "svelte-preprocess": "^4.3.2",
+    "svite": "0.7.2"
   },
-  "resolutions": {
-    "**/lodash": ">=4.17.19 "
+  "routify": {
+    "routifyDir": ".routify",
+    "dynamicImports": true,
+    "extensions": [
+      "svelte",
+      "svx"
+    ]
   }
 }