initial commit

huibizhang · Jul 19, 2021 · 2d1c390 · 2d1c390
commit 2d1c390
Show file tree

Hide file tree

Showing 41 changed files with 5,777 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/README.md b/README.md
@@ -0,0 +1,53 @@
+<p align="center">
+  <a href="https://www.github.com/huibizhang/vitawind" target="_blank" rel="noopener noreferrer">
+    <img width="180" src="https://huibizhang.com/vitawind/logo.svg" alt="vitawind logo">
+  </a>
+</p>
+<br>
+<p align="center">
+  <span>
+    <a href="https://npmjs.com/package/vite"><img src="https://img.shields.io/npm/v/vitawind?style=flat-square" alt="version"></a>
+    <a href="https://nodejs.org/en/about/releases/"><img src="https://img.shields.io/node/v/vitawind?style=flat-square" alt="node version"></a>
+    <a href="https://nodejs.org/en/about/releases/"><img src="https://img.shields.io/npm/dw/vitawind?style=flat-square" alt="npm-download"></a>
+  </span>
+  <!-- <br>
+  <span>
+    <span id="dep">- Dependencies -</span><br>
+    <a href="https://npmjs.com/package/vite"><img src="https://img.shields.io/github/package-json/dependency-version/huibizhang/vitawind/tailwindcss?style=flat-square" alt="tailwindcss"></a>
+    <a href="https://npmjs.com/package/vite"><img src="https://img.shields.io/github/package-json/dependency-version/huibizhang/vitawind/postcss?style=flat-square" alt="postcss"></a>
+    <a href="https://npmjs.com/package/vite"><img src="https://img.shields.io/github/package-json/dependency-version/huibizhang/vitawind/autoprefixer?style=flat-square" alt="tailwindcss"></a>
+  </span> -->
+
+</p>
+<br/>
+
+# Vitawind 🌪⚡
+
+> #### The Lightning Wind , Stronger and Faster.
+
+- 🧰 Easy To Install
+- ⚡️ Automatically open Tailwind JIT Mode
+- ⚙ One-Command Setting
+
+## Why Vitawind
+Vitawind is a Vite helper that can installing and setting Tailwind CSS in few steps. Easy to use , just install Vitawind and add one line setting , you'll have the most fantastic devloper experience !
+
+### Vite
+[Vite](https://vitejs.dev/) is the best frontend dev tool in my mind. Actually , Vite is really fast and convinent when your are devloping Vue or React project. Instead to **Webpack** is , Vite's [Hot Module Replacement (HMR)](https://vitejs.dev/guide/features.html#hot-module-replacement) resolve that devlopers always need to take a long long time for waiting dev server updated when  modifying a very small thing.
+
+---
+
+## Dependencies 
+
+| Package                                                       | Version Used                                                                                                                                           |
+| ------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------- |
+| TailwindCSS                                                   | ![version](https://img.shields.io/github/package-json/dependency-version/huibizhang/vitawind/tailwindcss?style=flat-square&label=%20)                  |
+| autoprefixer                                                  | ![version](https://img.shields.io/github/package-json/dependency-version/huibizhang/vitawind/autoprefixer?style=flat-square&label=%20)                 |
+<!-- | postcss                                                       | ![version](https://img.shields.io/github/package-json/dependency-version/huibizhang/vitawind/postcss?style=flat-square&label=%20)                      |
+| postcss-cli                                                   | ![version](https://img.shields.io/github/package-json/dependency-version/huibizhang/vitawind/postcss-cli?style=flat-square&label=%20)                  | -->
+
+<!-- ## Contribution -->
+
+## License
+
+MIT
diff --git a/docs/.vitepress/components/HomePage.vue b/docs/.vitepress/components/HomePage.vue
@@ -0,0 +1,64 @@
+<template>
+  <div id="hp">
+    <img id="logo" :src="logoPath" />
+    <h1 style="font-size:40px;" class="bg-pink-700">Vitawind</h1>
+    <span style="font-size:20px;color:#AAAAAA;display:block;margin:5px 0 10px 0;">The Lightning Wind , Stronger and Faster.</span>
+    <p align="center">
+      <span style="display:flex;gap:5px;">
+        <a href="https://npmjs.com/package/vite"
+          ><img
+            src="https://img.shields.io/npm/v/vitawind?style=flat-square"
+            alt="version"
+        /></a>
+        <a href="https://nodejs.org/en/about/releases/"
+          ><img
+            src="https://img.shields.io/node/v/vitawind?style=flat-square"
+            alt="node version"
+        /></a>
+        <a href="https://nodejs.org/en/about/releases/"
+          ><img
+            src="https://img.shields.io/npm/dw/vitawind?style=flat-square"
+            alt="npm-download"
+        /></a>
+      </span>
+    </p>
+    <div style="margin-top:1rem;">
+      <MyButton :url="url" />
+    </div>
+  </div>
+</template>
+
+<script>
+import MyButton from "./MyButton.vue";
+
+export default {
+  name: "HomePage",
+  data() {
+    return {
+      logoPath: "/logo.svg",
+      url: "/guide/",
+    };
+  },
+  components: {
+    MyButton,
+  },
+};
+</script>
+
+<style>
+#hp {
+  width: 100%;
+  height:100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  /* background-color:#DDDDDD; */
+}
+
+#logo {
+  width: 250px;
+  height: 250px;
+  object-fit: contain;
+}
+</style>
diff --git a/docs/.vitepress/components/MyButton.vue b/docs/.vitepress/components/MyButton.vue
@@ -0,0 +1,31 @@
+<template>
+  <a :href="url">
+    <button class="myBtn">Getting Start</button>
+  </a>
+</template>
+
+<script>
+export default {
+  name: "MyButton",
+  props:['url'],
+};
+</script>
+
+<style>
+.myBtn {
+  max-width: 200px;
+  box-sizing: border-box;
+  padding: 15px 25px 15px 25px;
+  border-radius: 8px;
+  border: none;
+  background-color: #00a4af;
+  font-size: 120%;
+  font-weight: bold;
+  color: white;
+  transition: all 0.3s;
+}
+.myBtn:hover {
+  background-color: #00b469;
+  transition: all 0.3s;
+}
+</style>
diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
@@ -0,0 +1,83 @@
+//const { path } = require('@vuepress/shared-utils')
+
+module.exports = {
+  title: 'Vitawind',
+  description: "Vitawind, Install and Setting Tailwindcss automatically for Vite",
+  markdown: {
+    lineNumbers: true,
+    // options for markdown-it-anchor
+    anchor: { permalink: false },
+    // options for markdown-it-toc
+    toc: { includeLevel: [1, 2] },
+  },
+  themeConfig: {
+    repo: 'huibizhang/vitawind',
+
+    nav: [
+      { text: 'Home', link: '/' },
+      { text: 'Guide', link: '/guide/', activeMatch: '^/guide/' },
+      // {
+      //   text: 'Config Reference',
+      //   link: '/config/basics',
+      //   activeMatch: '^/config/'
+      // },
+      // {
+      //   text: 'Release Notes',
+      //   link: 'https://github.com/vuejs/vitepress/releases'
+      // }
+    ],
+
+    sidebar: {
+      '/guide/': getGuideSidebar(),
+      // '/advanced/': getConfigSidebar(),
+      '/': getGuideSidebar()
+    }
+  },
+  // alias: {
+  //   '@': path.resolve(__dirname, '../.vuepress')
+  // },
+  // postcss: {
+  //   plugins: [
+  //     require('tailwindcss'),
+  //     require('autoprefixer')
+  //   ]
+  // },
+}
+
+function getGuideSidebar() {
+  return [
+    {
+      text: 'Getting Started',
+      children: [
+        { text: 'Instruction', link: '/guide/' },
+        { text: 'Usage', link: '/guide/usage' },
+      ]
+    },
+    {
+      text: 'Advanced',
+      children: [
+        {
+          text: 'Configurations',
+          link: '/guide/configurations'
+        },
+      ]
+    }
+  ]
+}
+
+// function getConfigSidebar() {
+//   return [
+//     {
+//       text: 'App Config',
+//       children: [{ text: 'Basics', link: '/config/basics' }]
+//     },
+//     {
+//       text: 'Theme Config',
+//       children: [
+//         { text: 'Homepage', link: '/config/homepage' },
+//         { text: 'Algolia Search', link: '/config/algolia-search' },
+//         { text: 'Carbon Ads', link: '/config/carbon-ads' }
+//       ]
+//     }
+//   ]
+// }
diff --git a/docs/.vitepress/dist/assets/Home.1d146a95.js b/docs/.vitepress/dist/assets/Home.1d146a95.js
diff --git a/docs/.vitepress/dist/assets/app.c8bbdb3a.js b/docs/.vitepress/dist/assets/app.c8bbdb3a.js
diff --git a/docs/.vitepress/dist/assets/index.md.4c9915e7.js b/docs/.vitepress/dist/assets/index.md.4c9915e7.js
diff --git a/docs/.vitepress/dist/assets/index.md.4c9915e7.lean.js b/docs/.vitepress/dist/assets/index.md.4c9915e7.lean.js
diff --git a/...epress/dist/assets/posts_2020-01-01-can-coffee-make-you-a-better-developer.md.902951a2.js b/...epress/dist/assets/posts_2020-01-01-can-coffee-make-you-a-better-developer.md.902951a2.js
diff --git a/...s/dist/assets/posts_2020-01-01-can-coffee-make-you-a-better-developer.md.902951a2.lean.js b/...s/dist/assets/posts_2020-01-01-can-coffee-make-you-a-better-developer.md.902951a2.lean.js
diff --git a/docs/.vitepress/dist/assets/posts_2020-02-02-the-coldest-sunset.md.c27506f2.js b/docs/.vitepress/dist/assets/posts_2020-02-02-the-coldest-sunset.md.c27506f2.js
diff --git a/docs/.vitepress/dist/assets/posts_2020-02-02-the-coldest-sunset.md.c27506f2.lean.js b/docs/.vitepress/dist/assets/posts_2020-02-02-the-coldest-sunset.md.c27506f2.lean.js
diff --git a/docs/.vitepress/dist/assets/posts_index.md.9229a59b.js b/docs/.vitepress/dist/assets/posts_index.md.9229a59b.js
diff --git a/docs/.vitepress/dist/assets/posts_index.md.9229a59b.lean.js b/docs/.vitepress/dist/assets/posts_index.md.9229a59b.lean.js
diff --git a/docs/.vitepress/dist/assets/style.f64adef7.css b/docs/.vitepress/dist/assets/style.f64adef7.css