with docs

.gitignore

@@ -2,4 +2,6 @@ node_modules
 .DS_Store
 dist
 demo
-public/types
+public/types
+public/docs
+docs/.vitepress/cache

docs/.vitepress/config.js

@@ -0,0 +1,12 @@
+import { defineConfig } from "vitepress";
+
+export default defineConfig({
+	title: 'Gun-avatar',
+	titleTemplate: "Gun-avatar public key visualizer",
+	outDir: "../public/docs/",
+	lang: 'en-US',
+	lastUpdated: true,
+	themeConfig: {
+		repo: "https://github.com/defucc/gun-avatar",
+	}
+})

docs/index.md

@@ -0,0 +1,5 @@
+---
+title: Gun-avatar
+---
+
+Welcome!

index.html

@@ -375,11 +375,10 @@ <h4 class="text-xl mb-4 font-bold flex items-center">
 				MIT 2020-present<br />by <a href="https://github.com/davay42">davay</a>
 			</div>
 		</main>
-
+		<script src="https://cdn.jsdelivr.net/npm/gun/sea.js"></script>
 		<script type="module">
-			import "virtual:windi.css";
-
-			import SEA from "gun/sea.js";
+			import "@unocss/reset/tailwind.css";
+			import "uno.css";
 
 			import { mountElement, mountClass } from "./src/main.js";
 			mountElement();

package.json

@@ -44,22 +44,25 @@
 		"deploy": "sh deploy.sh",
 		"dev": "vite",
 		"page": "vite build",
-		"serve": "vite preview --port=5005"
+		"serve": "vite preview --port=5005",
+		"docs": "vitepress dev docs",
+		"build-docs": "vitepress build docs"
 	},
 	"dependencies": {
-		"@vueuse/core": "9.10.0",
-		"gun": "0.2020.1238",
+		"@unocss/reset": "0.48.4",
+		"@vueuse/core": "9.11.0",
+		"gun": "0.2020.1239",
 		"vue": "^3.2.45"
 	},
 	"devDependencies": {
-		"@iconify/json": "^2.2.6",
+		"@iconify/json": "^2.2.8",
+		"@unocss/extractor-pug": "0.48.4",
 		"@vitejs/plugin-vue": "^4.0.0",
 		"pug": "3.0.2",
+		"unocss": "^0.48.4",
 		"unplugin-icons": "^0.15.1",
 		"unplugin-vue-components": "^0.22.12",
 		"vite": "^4.0.4",
-		"vite-plugin-windicss": "^1.8.10",
-		"vitepress": "1.0.0-alpha.36",
-		"windicss": "^3.5.6"
+		"vitepress": "1.0.0-alpha.38"
 	}
 }