feat: make it a theme (#25)

.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.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)

template/nuxt.config.ts

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

template/package.json

@@ -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"
+  }
+}

template/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://v3.nuxtjs.org/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}

theme/CHANGELOG.md

@@ -0,0 +1,15 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+### [0.0.6](https://github.com/Atinux/content-wind/compare/v0.0.5...v0.0.6) (2022-10-07)
+
+
+### Features
+
+* theme structure ([8b38482](https://github.com/Atinux/content-wind/commit/8b38482a1ef36c5daf35a4d6151a61398b9ca6db))
+
+
+### Bug Fixes
+
+* correct title for GitHub icon ([4296312](https://github.com/Atinux/content-wind/commit/4296312b4b59dade7c9fdfbe23e083733a138886))

theme/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "content-wind",
+  "private": false,
+  "version": "0.0.6",
+  "main": "nuxt.config.ts",
+  "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"
+  }
+}

theme/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://v3.nuxtjs.org/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}

tsconfig.json

@@ -1,4 +1,7 @@
 {
-  // https://v3.nuxtjs.org/concepts/typescript
-  "extends": "./.nuxt/tsconfig.json"
+  "extends": "./template/.nuxt/tsconfig.json",
+  "include": [
+    "theme/**/*",
+    "template/**/*"
+  ]
 }