chore/upgrade greenwood v0.30.0

.github/workflows/ci.yml

@@ -7,11 +7,15 @@ jobs:
   build:
     runs-on: ubuntu-20.04
 
+    strategy:
+      matrix:
+        node: [18]
+
     steps:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v3
       with:
-        node-version: 18.12.1
+        node-version: ${{ matrix.node }}
 
     - name: Install Dependencies
       run: |

.github/workflows/pages.yml

@@ -9,12 +9,16 @@ jobs:
 
   build-and-deploy:
     runs-on: ubuntu-20.04
+
+    strategy:
+      matrix:
+        node: [18]
 
     steps:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v3
       with:
-        node-version: 18.12.1
+        node-version: ${{ matrix.node }}
 
     - name: Install Dependencies
       run: |

.nvmrc

@@ -1 +1 @@
-18.12.1
+18.20.2

greenwood.config.js

@@ -1,12 +1,12 @@
 import { greenwoodPluginGoogleAnalytics } from '@greenwood/plugin-google-analytics';
-import { greenwoodPluginImportCss } from '@greenwood/plugin-import-css';
+import { greenwoodPluginImportRaw } from '@greenwood/plugin-import-raw';
 import { greenwoodPluginPostCss } from '@greenwood/plugin-postcss';
 import { greenwoodPluginRendererPuppeteer } from '@greenwood/plugin-renderer-puppeteer';
 
 export default {
   plugins: [
     greenwoodPluginPostCss(),
-    greenwoodPluginImportCss(),
+    greenwoodPluginImportRaw(),
     greenwoodPluginRendererPuppeteer(),
     greenwoodPluginGoogleAnalytics({
       analyticsId: 'UA-147204327-2'

netlify.toml

@@ -6,4 +6,4 @@
   skip_processing = true
 
 [build.environment]
-  NODE_VERSION = "18.12.1"
+  NODE_VERSION = "18.20.2"

package.json

@@ -10,19 +10,19 @@
     "clean": "rimraf ./public .greenwood",
     "lint": "eslint \"*.js\" \"src/**/**/*.js\"",
     "build": "greenwood build",
-    "develop": "greenwood develop",
-    "serve": "yarn build && greenwood serve"
+    "dev": "greenwood develop",
+    "serve": "yarn clean && yarn build && greenwood serve"
   },
   "dependencies": {
     "component-simple-slider": "^0.2.0",
     "lit-element": "^2.4.0"
   },
   "devDependencies": {
-    "@greenwood/cli": "^0.29.0",
-    "@greenwood/plugin-google-analytics": "^0.29.0",
-    "@greenwood/plugin-import-css": "^0.29.0",
-    "@greenwood/plugin-postcss": "^0.29.0",
-    "@greenwood/plugin-renderer-puppeteer": "^0.29.0",
+    "@greenwood/cli": "^0.30.0-alpha.7",
+    "@greenwood/plugin-google-analytics": "^0.30.0-alpha.7",
+    "@greenwood/plugin-import-raw": "^0.30.0-alpha.7",
+    "@greenwood/plugin-postcss": "^0.30.0-alpha.7",
+    "@greenwood/plugin-renderer-puppeteer": "^0.30.0-alpha.7",
     "eslint": "^8.4.0",
     "postcss-nested": "^4.1.2",
     "puppeteer": "^10.2.0",

src/components/footer/footer.js

@@ -1,5 +1,5 @@
 import { html, LitElement } from 'lit-element';
-import css from './footer.css?type=css';
+import css from './footer.css?type=raw';
 
 class FooterComponent extends LitElement {
 

src/components/header/header.js

@@ -1,6 +1,6 @@
 import { html, LitElement } from 'lit-element';
 import '../social-links-bar/social-links-bar.js';
-import css from './header.css?type=css';
+import css from './header.css?type=raw';
 import '../social-icons/social-icons.js';
 
 class HeaderComponent extends LitElement {

src/components/social-icons/social-icons.js

@@ -1,5 +1,5 @@
 import { html, LitElement } from 'lit-element';
-import css from './social-icons.css?type=css';
+import css from './social-icons.css?type=raw';
 import githubIcon from '../icons/github-icon.js';
 import twitterIcon from '../icons/twitter-icon.js';
 import slackIcon from '../icons/slack-icon.js';

src/components/social-links-bar/social-links-bar.js

@@ -1,5 +1,5 @@
 import { html, LitElement } from 'lit-element';
-import css from './social-links-bar.css?type=css';
+import css from './social-links-bar.css?type=raw';
 
 class SocialLinksBarComponent extends LitElement {
 

src/pages/blog/always-bet-on-html.md

@@ -1,6 +1,6 @@
 ---
 title: 'Always Bet On HTML'
-template: 'blog'
+layout: 'blog'
 ---
 
 # Always Bet On ~~JavaScript~~ HTML 😎