feat: make it a theme (atinux#25)

Author: atinux

.gitignore

@@ -5,4 +5,12 @@ node_modules
 .cache
 .output
 .env
-dist
+dist
+.DS_Store
+
+# Yarn
+.yarn/cache
+.yarn/*state*
+
+# Local History
+.history

README.md

@@ -1,19 +1,18 @@
-[![Content Wind](https://github.com/Atinux/content-wind/raw/main/public/cover.jpg)](https://content-wind.nuxt.dev)
+[![Content Wind](https://github.com/Atinux/content-wind/raw/main/public/cover.jpg)](https://content-wind.nuxt.space)
 
 # Content Wind
 
 A lightweight Nuxt template to write a Markdown driven website, based on [Nuxt Content](https://content.nuxtjs.org), [TailwindCSS](https://tailwindcss.com) and [Iconify](https://iconify.design).
 
-- [Demo & Docs](https://content-wind.nuxt.dev)
+- [Demo & Docs](https://content-wind.nuxt.space)
 - [Play online](https://stackblitz.com/github/Atinux/content-wind?file=content%2F1.index.md)
 
 ## Features
 
-- [Document-Driven Mode](https://content.nuxtjs.org/guide/writing/document-driven)
-  - Create pages in Markdown in the `content/` directory
-  - Use Nuxt layouts in your Markdown pages
-  - Enjoy meta tag generation from Markdown files
-  - Generated navigation based on your pages
+- Create pages in Markdown in the `content/` directory
+- Use Nuxt layouts in your Markdown pages
+- Enjoy meta tag generation from Markdown files
+- Generated navigation based on your pages
 - Switch between Light & Dark mode :moon:
 - Access 100,000 icons from 100+ icon sets with the [`<Icon>` component](https://github.com/Atinux/nuxt-icon)
 - Highlight code blocks with [Shiki](https://shiki.matsu.io)
@@ -22,55 +21,10 @@ A lightweight Nuxt template to write a Markdown driven website, based on [Nuxt C
 
 ## Usage
 
-Take a look at [content-wind.nuxt.dev](https://content-wind.nuxt.dev) for the complete documentation.
-
-## Setup
-
-Make sure to install the dependencies:
-
-```bash
-# yarn
-yarn install
-
-# npm
-npm install
-```
-
-## Development Server
-
-Start the development server on http://localhost:3000
-
-```bash
-npm run dev
-```
-
-## Deployment
-
-[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAtinux%2Fcontent-wind) [![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/Atinux/content-wind)
-
-
-### Static Hosting
-
-Pre-render the website to be deployed on any static hosting:
-
-```bash
-npm run generate
-```
-
-The `dist/` directory is ready to be deployed (symlink to `.output/public`), [learn more on Nuxt docs](https://v3.nuxtjs.org/guide/deploy/static-hosting).
-
-### Node server
-
-Build the application for production:
-
-```bash
-npm run build
-```
-
-Start the server in production:
+Start your project with:
 
 ```bash
-node .output/server/index.mjs
+npx nuxi@latest init -t themes/content-wind my-website
 ```
 
-Learn more on [Nuxt docs](https://v3.nuxtjs.org/guide/deploy/node-server) for more information.
+Then follow the instructions and you are ready to go :rocket:

package.json

@@ -1,26 +1,23 @@
 {
-  "name": "content-wind",
-  "private": false,
-  "version": "0.0.5",
-  "main": "nuxt.config.ts",
+  "private": true,
+  "workspaces": [
+    "./theme",
+    "./template"
+  ],
   "scripts": {
-    "dev": "nuxi dev",
-    "build": "nuxi build",
-    "generate": "nuxi generate",
-    "preview": "nuxi preview",
-    "lint": "eslint ."
-  },
-  "dependencies": {
-    "@nuxt/content": "^2.1.1",
-    "@nuxtjs/color-mode": "^3.1.7",
-    "@nuxtjs/tailwindcss": "^5.3.3",
-    "@tailwindcss/typography": "^0.5.7",
-    "nuxt-icon": "^0.1.6"
+    "dev": "nuxi dev template",
+    "build": "nuxi build template",
+    "generate": "nuxi generate template",
+    "preview": "nuxi preview template",
+    "lint": "eslint .",
+    "release": "cd theme && standard-version && git push --follow-tags && npx npm publish",
+    "postinstall": "nuxi prepare theme"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config-typescript": "^11.0.0",
     "eslint": "^8.24.0",
     "nuxt": "^3.0.0-rc.11",
+    "standard-version": "^9.5.0",
     "typescript": "^4.8.4"
   }
 }

template/README.md

@@ -0,0 +1,27 @@
+# My Website
+
+Beautiful website propulsed by [content-wind](https://github.com/Atinux/content-wind) theme.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+```
+
+## Development Server
+
+Start the development server on http://localhost:3000
+
+```bash
+npm run dev
+```
+
+## Deployment
+
+Head over the [Nuxt 3 Deployment](https://v3.nuxtjs.org/getting-started/deployment) documentation.

content/1.index.md template/content/1.index.mdcontent/1.index.md renamed to template/content/1.index.md

@@ -9,13 +9,10 @@ A lightweight Nuxt theme to build a Markdown driven website, based on [Nuxt Cont
 ## Features
 
 ::list
-- [Document-Driven Mode](https://content.nuxtjs.org/guide/writing/document-driven)
-  ::list{icon="ph:check-circle-light"}
-  - Create pages in Markdown in the `content/` directory
-  - Use Nuxt layouts in your Markdown pages
-  - Enjoy meta tag generation from Markdown files
-  - Generated navigation based on your pages
-  ::
+- Create pages in Markdown in the `content/` directory
+- Use Nuxt layouts in your Markdown pages
+- Enjoy meta tag generation from Markdown files
+- Generated navigation based on your pages
 - Switch between Light & Dark mode :moon:
 - Access 100,000 icons from 100+ icon sets with the `<Icon>` component
 - Highlight code blocks with [Shiki](https://shiki.matsu.io)

content/2.about.md template/content/2.about.mdcontent/2.about.md renamed to template/content/2.about.md

@@ -0,0 +1,3 @@
+export default defineNuxtConfig({
+  extends: 'content-wind'
+})

template/nuxt.config.ts

@@ -0,0 +1,13 @@
+{
+  "private": true,
+  "scripts": {
+    "dev": "nuxi dev",
+    "build": "nuxi build",
+    "generate": "nuxi generate",
+    "preview": "nuxi preview"
+  },
+  "devDependencies": {
+    "content-wind": "latest",
+    "nuxt": "^3.0.0-rc.11"
+  }
+}