update(docs): Add windicss

* remove unused files

docs/.vitepress/assets/index.css

@@ -0,0 +1,164 @@
+html,
+body {
+  position: relative;
+  margin: 0;
+  height: 100%;
+  overflow: hidden;
+  color: #111;
+  /* background-color: #31475e;
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url('./polygon-scatter.svg');
+   */
+}
+
+.backround-img {
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-image: url('./polygon-scatter.svg');
+}
+
+.overview-example__add {
+  display: none;
+}
+
+.vue-flow__node a {
+  font-weight: 700;
+  color: #111;
+}
+
+.vue-flow__node.dark-node {
+  background: #0041d0;
+  color: #f8f8f8;
+}
+
+.vue-flow__node.dark {
+  background: #557;
+  color: #f8f8f8;
+}
+
+.vue-flow__node-selector {
+  font-size: 14px;
+  background: #f0f2f3;
+  border: 1px solid #555;
+  border-radius: 5px;
+  text-align: center;
+}
+
+.vue-flow__node-selector .vue-flow__handle {
+  border-color: #f0f2f3;
+}
+
+@media screen and (min-width: 768px) {
+  .overview-example__add {
+    display: block;
+  }
+}
+
+.font-mono {
+  font-family: 'JetBrains Mono', monospace;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+#vue-flow-examples {
+  width: calc(100% - 280px);
+  overflow: scroll;
+  @apply flex m-0 flex-col uppercase;
+  font-family: 'JetBrains Mono', monospace;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+.vue-flow {
+  @apply bg-white h-[80vh];
+}
+
+.description {
+  @apply p-0 md:p-6 text-left gap-2 flex flex-col justify-center items-center text-white normal-case leading-tight md:leading-normal;
+
+.content {
+  @apply w-full md:w-5/6 xl:w-11/12 p-6 md:rounded-xl;
+}
+}
+}
+
+#vue-flow-docs {
+  @apply flex m-0 p-0 lg:p-6 bg-gray-800 text-white overflow-scroll max-w-full;
+}
+
+#vue-flow-docs, #vue-flow-examples,
+.home-page {
+a {
+  @apply text-green-500 font-semibold hover:text-green-300;
+}
+}
+
+h1 {
+  @apply text-xl lg:text-4xl mb-4 font-bold;
+}
+
+h2 {
+  @apply text-lg lg:text-2xl mb-4 font-semibold;
+}
+
+p {
+  @apply text-md lg:text-lg font-qtype;
+}
+
+p ~ h1, p ~ h2 {
+  @apply mt-6;
+}
+
+ul {
+  @apply md:p-[revert];
+}
+
+li {
+  @apply mt-2 text-md lg:text-lg;
+  list-style: inside;
+  list-style-type: circle;
+}
+
+.button {
+  @apply bg-gray-200 hover:bg-gray-300 focus:outline-none font-bold mr-2 border-2 p-2 rounded-xl;
+}
+
+.md {
+  @apply prose prose-sm m-auto text-left flex flex-col gap-4;
+}
+
+.attention-box {
+  @apply text-gray-800 p-4 bg-yellow-300 rounded-xl mb-4;
+
+.title {
+  @apply text-lg font-bold;
+}
+}
+
+.demo-flow {
+  @apply bg-white border-1 solid border-gray-300 rounded-xl;
+}
+
+pre {
+  @apply !text-xs !md:text-lg;
+}
+
+.slider {
+  --color: red;
+  @apply bg-gray-200 w-full h-[10px] outline-none rounded-full;
+  -webkit-appearance: none;
+  appearance: none;
+
+&::-moz-range-thumb {
+   @apply w-[15px] h-[15px] cursor-pointer border-1 border-solid border-white rounded-full;
+   -webkit-appearance: none;
+   background: var(--color);
+ }
+&::-webkit-slider-thumb {
+   @apply w-[15px] h-[15px] cursor-pointer border-1 border-solid border-white rounded-full;
+   -webkit-appearance: none;
+   background: var(--color);
+ }
+}

docs/.vitepress/assets/polygon-scatter.svg

@@ -0,0 +1 @@
+<svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect width="960" height="540" fill="#31475e"></rect><g><g transform="translate(57 45)"><path d="M0 -106.9L83.6 -66.7L104.2 23.8L46.4 96.3L-46.4 96.3L-104.2 23.8L-83.6 -66.7Z" fill="#3fb984"></path></g><g transform="translate(708 88)"><path d="M0 -66L51.6 -41.2L64.3 14.7L28.6 59.5L-28.6 59.5L-64.3 14.7L-51.6 -41.2Z" fill="#3fb984"></path></g><g transform="translate(823 510)"><path d="M0 -77L60.2 -48L75.1 17.1L33.4 69.4L-33.4 69.4L-75.1 17.1L-60.2 -48Z" fill="#3fb984"></path></g><g transform="translate(896 280)"><path d="M0 -45L35.2 -28.1L43.9 10L19.5 40.5L-19.5 40.5L-43.9 10L-35.2 -28.1Z" fill="#3fb984"></path></g><g transform="translate(287 458)"><path d="M0 -58L45.3 -36.2L56.5 12.9L25.2 52.3L-25.2 52.3L-56.5 12.9L-45.3 -36.2Z" fill="#3fb984"></path></g><g transform="translate(12 380)"><path d="M0 -101L79 -63L98.5 22.5L43.8 91L-43.8 91L-98.5 22.5L-79 -63Z" fill="#3fb984"></path></g><g transform="translate(609 440)"><path d="M0 -60L46.9 -37.4L58.5 13.4L26 54.1L-26 54.1L-58.5 13.4L-46.9 -37.4Z" fill="#3fb984"></path></g><g transform="translate(457 42)"><path d="M0 -81L63.3 -50.5L79 18L35.1 73L-35.1 73L-79 18L-63.3 -50.5Z" fill="#3fb984"></path></g></g></svg>