add basic style to demo

gridsome.config.js

@@ -1,3 +1,15 @@
+const path = require('path')
+
+function addStyleResource(rule) {
+  rule.use('style-resource')
+    .loader('style-resources-loader')
+    .options({
+      patterns: [
+        path.resolve(__dirname, './src/variables.scss'),
+      ],
+    })
+}
+
 module.exports = {
   siteName: 'TipTap',
   port: 3000,
@@ -27,5 +39,13 @@ module.exports = {
     //     typeName: 'People',
     //   }
     // },
-  ]
+  ],
+  chainWebpack(config) {
+    // Load variables for all vue-files
+    const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
+
+    types.forEach(type => {
+      addStyleResource(config.module.rule('scss').oneOf(type))
+    })
+  },
 }