docs(compose-plugins): example for using compose plugin (#159)

example/compose-plugins/RootPage.tsx

@@ -0,0 +1,13 @@
+import React from 'react'
+
+const style = require('./style.css')
+
+export default class RootPage extends React.Component {
+  render() {
+    return (
+      <div>
+        <h1 className={style.h1}>Hello World</h1>
+      </div>
+    )
+  }
+}

example/compose-plugins/maleo.config.js

@@ -0,0 +1,18 @@
+const cssPlugin = require('@airy/maleo-css-plugin')
+const tsPlugin = require('@airy/maleo-typescript-plugin')
+const compose = require('@airy/maleo-compose-plugin')
+
+module.exports = compose([
+  [tsPlugin],
+  [cssPlugin, {
+    cssPluginOptions: {
+      extractCss: {
+        singleCssFile: true,
+      },
+      cssLoader: {
+        modules: true,
+        localIdentName: '[path][name]__[local]--[hash:base64:5]'
+      }
+    }
+  }]
+])

example/compose-plugins/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "compose-plugins",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "dev": "maleo dev",
+    "build": "export NODE_ENV=production && maleo build",
+    "start": "node .maleo/server.js"
+  },
+  "dependencies": {
+    "@airy/maleo": "^0.0.14",
+    "@airy/maleo-compose-plugin": "^0.1.0",
+    "@airy/maleo-css-plugin": "^0.1.3",
+    "@airy/maleo-typescript-plugin": "^0.0.17",
+    "react": "^16.8.5"
+  }
+}

example/compose-plugins/routes.json

@@ -0,0 +1,6 @@
+[
+  {
+    "path": "/",
+    "page": "./RootPage"
+  }
+]

example/compose-plugins/style.css

@@ -0,0 +1,3 @@
+.h1 {
+  color: red;
+}

example/compose-plugins/tsconfig.json

@@ -0,0 +1,13 @@
+{
+    "extends": "./node_modules/@airy/maleo-typescript-plugin/tsconfig.base.json",
+    "compilerOptions": {
+        "baseUrl": ".",
+        "rootDir": "."
+    },
+    "include": [
+        "**/*.ts",
+        "**/*.tsx",
+        "*/.ts",
+        "*/.tsx"
+    ]
+}