feat: use tailwindcss for styling

Author: shiqimei

README.md

@@ -1,8 +1,11 @@
-# OpenQuickJS Documentation
+# OpenQuickJS Docs
 
 ## Develop
 
 ```bash
 pnpm i # install dependencies
 pnpm dev # start dev server
-```
+```
+## Thanks
+
+This website is hosted with [nextra](https://nextra.site/docs) on [vercel](https://vercel.com/).

next.config.js

@@ -1,6 +1,6 @@
-const withNextra = require("nextra")({
-  theme: "nextra-theme-docs",
-  themeConfig: "./theme.config.tsx",
-});
+const withNextra = require('nextra')({
+  theme: 'nextra-theme-docs',
+  themeConfig: './theme.config.tsx'
+})
 
-module.exports = withNextra();
+module.exports = withNextra()

package.json

@@ -26,6 +26,9 @@
   },
   "devDependencies": {
     "@types/node": "18.11.10",
+    "autoprefixer": "^10.4.14",
+    "postcss": "^8.4.24",
+    "tailwindcss": "^3.3.2",
     "typescript": "^4.9.3"
   }
 }

pages/_app.mdx

@@ -0,0 +1,5 @@
+import './global.css'
+
+export default function App({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}

pages/_meta.json

@@ -1,15 +1,5 @@
 {
   "index": "Introduction",
   "another": "Another Page",
-  "advanced": "Advanced (A Folder)",
-  "about": {
-    "title": "About",
-    "type": "page"
-  },
-  "contact": {
-    "title": "Contact ↗",
-    "type": "page",
-    "href": "https://twitter.com/shuding_",
-    "newWindow": true
-  }
+  "advanced": "Advanced (A Folder)"
 }

pages/global.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;