feat(#44): add themes (#45)

* feat(#44): add themes * chore(#44): add links
Realityloop · Oct 13, 2022 · 02f8405 · 02f8405
1 parent 439d3d4
commit 02f8405
Show file tree

Hide file tree

Showing 4 changed files with 107 additions and 0 deletions.
diff --git a/.github/workflows/theme-bootstrap-vue.yml b/.github/workflows/theme-bootstrap-vue.yml
@@ -0,0 +1,48 @@
+name: theme-bootstrap-vue
+
+on:
+  push:
+    branches:
+      - develop
+
+jobs:
+  theme_bootstrap_vue:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout 🛎
+        uses: actions/checkout@master
+
+      - name: Setup node env 🏗
+        uses: actions/[email protected]
+        with:
+          node-version: 16
+          check-latest: true
+
+      - name: Update npm 🏗
+        run: |
+          npm install -g npm
+          npm --version
+      - name: Cache node_modules 📦
+        uses: actions/[email protected]
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+      - name: Install frontend dependencies 👨🏻‍💻
+        run: cd nuxt && yarn
+
+      - name: Install BootstrapVue 👨🏻‍💻
+        run: |
+          cd nuxt
+          npm install bootstrap-vue
+          sed -i "s/\/\/ 'theme'/'bootstrap-vue\/nuxt\'/g" nuxt.config.js
+
+      - name: Commit & Push changes 🛎
+        uses: actions-js/push@master
+        with:
+          branch: 'theme/bootstrap-vue'
+          force: true
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          message: 'chore(theme-bootstrap-vue): add bootstrap-vue'
diff --git a/.github/workflows/theme-tailwindcss.yml b/.github/workflows/theme-tailwindcss.yml
@@ -0,0 +1,49 @@
+name: theme-tailwindcss
+
+on:
+  push:
+    branches:
+      - develop
+
+jobs:
+  theme_tailwindcss:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout 🛎
+        uses: actions/checkout@master
+
+      - name: Setup node env 🏗
+        uses: actions/[email protected]
+        with:
+          node-version: 16
+          check-latest: true
+
+      - name: Update npm 🏗
+        run: |
+          npm install -g npm
+          npm --version
+      - name: Cache node_modules 📦
+        uses: actions/[email protected]
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-
+      - name: Install frontend dependencies 👨🏻‍💻
+        run: cd nuxt && npm install
+
+      - name: Install TailwindCSS 👨🏻‍💻
+        run: |
+          cd nuxt
+          npm install -D @nuxtjs/tailwindcss
+          sed -i "s/\/\/ 'theme'/'@nuxtjs\/tailwindcss\'/g" nuxt.config.js
+          npx tailwindcss init
+
+      - name: Commit & Push changes 🛎
+        uses: actions-js/push@master
+        with:
+          branch: 'theme/tailwindcss'
+          force: true
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          message: 'chore(theme-tailwindcss): add tailwindcss'
diff --git a/README.md b/README.md
@@ -20,6 +20,15 @@ Try it before you fork it:
 [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/Realityloop/statertkit-drupal-foundry-tome-druxt)
 
 
+## Theme branches
+
+To get your started with a theme included, checkout the following:
+
+| Theme | Branch | GitPod |
+| -- | -- | -- |
+| [BootstrapVue](https://bootstrap-vue.org) ([Docs](https://bootstrap-vue.org/docs)) | [theme/bootstrap-vue](https://github.com/Realityloop/starterkit-drupal-foundry-tome-druxt/tree/theme/bootstrap-vue) | [Link](https://gitpod.io/#github.com/Realityloop/starterkit-drupal-foundry-tome-druxt/tree/theme/bootstrap-vue) |
+| [TailwindCSS](https://tailwindcss.com/) ([Docs](https://tailwindcss.com/docs)) | [theme/tailwindcss](https://github.com/Realityloop/starterkit-drupal-foundry-tome-druxt/tree/theme/tailwindcss) | [Link](https://gitpod.io/#github.com/Realityloop/starterkit-drupal-foundry-tome-druxt/tree/theme/tailwindcss) |
+
 ## Getting started
 
 1. Click the **Use this template** button in GitHub and follow the on-screen instructions to **Create a new repository**.

diff --git a/nuxt/nuxt.config.js b/nuxt/nuxt.config.js
@@ -35,6 +35,7 @@ export default {
 
   // Modules: https://go.nuxtjs.dev/config-modules
   modules: [
+    // 'theme',
     'druxt-site',
     'druxt-layout-paragraphs',
   ],