docs: stup docs project

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 .turbo
 dist
+.vercel

docs/.gitignore

@@ -0,0 +1,2 @@
+.vitepress
+!.vitepress/config.mts

docs/guide/applying-styles.md

@@ -0,0 +1 @@
+# Applying Styles

docs/guide/cli.md

@@ -0,0 +1 @@
+# CLI

docs/guide/editor-setup.md

@@ -0,0 +1 @@
+# Editor Setup

docs/guide/file-structure.md

@@ -0,0 +1 @@
+# File Structure

docs/guide/getting-started.md

@@ -0,0 +1,89 @@
+---
+outline: deep
+---
+
+# Getting Started
+
+## Setup
+
+### Prerequisites
+
+- [Node.js](https://nodejs.org/) version 18 or higher.
+
+### Installation
+
+::: code-group
+
+```sh [npm]
+$ npm add -D @titanom/css2tailwind
+```
+
+```sh [pnpm]
+$ pnpm add -D @titanom/css2tailwind
+```
+
+```sh [yarn]
+$ yarn add -D @titanom/css2tailwind
+```
+
+```sh [bun]
+$ bun add -D @titanom/css2tailwind
+```
+
+:::
+
+### Configuration
+
+Add following scripts to your `package.json`.
+
+```json
+{
+  "scripts": {
+    "styles:build": "css2tailwind src/styles .styles", // [!code ++]
+    "styles:watch": "css2tailwind src/styles .styles --watch" // [!code ++]
+  }
+}
+```
+
+::: warning
+If you are type-checking `tailwind.config.ts`, make sure to build the styles beforehand.
+:::
+
+Edit your `tailwind.config.ts`.
+
+```typescript
+import plugin from 'tailwindcss/plugin.js'; // [!code ++]
+
+import base from './.styles/base.json'; // [!code ++]
+import utilities from './.styles/utilities.json'; // [!code ++]
+import components from './.styles/components.json'; // [!code ++]
+
+import type { Config } from 'tailwindcss';
+
+const config = {
+  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  plugins: [ // [!code ++]
+    plugin( // [!code ++]
+      ({ addComponents, addUtilities, addBase }) => { // [!code ++]
+        addBase(base); // [!code ++]
+        addUtilities(utilities); // [!code ++]
+        addComponents(components); // [!code ++]
+      }, // [!code ++]
+    ), // [!code ++]
+  ], // [!code ++]
+} satisfies Config;
+
+export default config;
+```
+
+Exclude the output directory from source-control.
+
+```.gitignore
+.styles // [!code ++]
+```
+
+Create the styles directory.
+
+```sh
+$ mkdir src/styles
+```

docs/index.md

@@ -0,0 +1,16 @@
+---
+# https://vitepress.dev/reference/default-theme-home-page
+layout: home
+
+hero:
+  name: "@titanom/css2tailwind"
+  text: "A tool for compiling css files to CssInJs objects to be used inside tailwindcss plugins."
+  tagline: My great project tagline
+  actions:
+    - theme: brand
+      text: Get Started
+      link: /guide/getting-started
+    - theme: alt
+      text: View on GitHub
+      link: https://github.com/titanom/css2tailwind
+---

docs/package.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "name": "@css2tw/docs",
+  "private": true,
+  "scripts": {
+    "dev": "vitepress dev",
+    "build": "vitepress build",
+    "preview": "vitepress preview",
+    "format": "prettier --write .",
+    "format:check": "prettier --write ."
+  },
+  "dependencies": {
+    "vitepress": "1.0.0-rc.44"
+  }
+}

package.json

@@ -13,7 +13,10 @@
     "lint:fix": "turbo lint:fix",
     "types": "turbo types",
     "release:dry": "turbo --filter @titanom/css2tailwind release:dry",
-    "release:ci": "turbo --filter @titanom/css2tailwind release:ci"
+    "release:ci": "turbo --filter @titanom/css2tailwind release:ci",
+    "docs:dev": "turbo --filter @css2tw/docs dev",
+    "docs:build": "turbo --filter @css2tw/docs build",
+    "docs:preview": "turbo --filter @css2tw/docs preview"
   },
   "devDependencies": {
     "@changesets/changelog-github": "0.5.0",