Add Bulma and finish config

.env.sample

@@ -0,0 +1,4 @@
+COSMIC_BUCKET=
+COSMIC_READ_KEY=
+COSMIC_WRITE_KEY=
+PORT=

.gitignore

@@ -9,3 +9,5 @@ npm-debug.log
 
 # Nuxt generate
 dist
+
+.env

assets/styles/buefy.scss

@@ -0,0 +1,10 @@
+// Import Bulma's core
+@import "~bulma/sass/utilities/_all";
+
+// Container
+$widescreen: 1000px + (2 * $gap);
+$fullhd: 1000px + (2 * $gap);
+
+// Import Bulma and Buefy styles
+@import "~bulma";
+@import "~buefy/src/scss/buefy";

components/Logo.vue

@@ -7,6 +7,14 @@
   </div>
 </template>
 
+<script>
+  export default {
+    created () {
+      console.log(process.env.COSMIC_BUCKET)
+    }
+  }
+</script>
+
 <style>
 .VueToNuxtLogo
 {

nuxt.config.js

@@ -1,4 +1,5 @@
 const pkg = require('./package')
+require('dotenv').config()
 
 module.exports = {
   mode: 'universal',
@@ -27,12 +28,14 @@ module.exports = {
   ** Global CSS
   */
   css: [
+    { src: '~assets/styles/buefy.scss', lang: 'scss' }
   ],
 
   /*
   ** Plugins to load before mounting the App
   */
   plugins: [
+    '~plugins/buefy'
   ],
 
   /*
@@ -67,6 +70,19 @@ module.exports = {
           exclude: /(node_modules)/
         })
       }
+    },
+    postcss: {
+      plugins: {
+        'postcss-custom-properties': false
+      }
     }
+  },
+
+  /*
+  ** Environment variables
+  */
+  env: {
+    COSMIC_BUCKET: process.env.COSMIC_BUCKET,
+    COSMIC_READ_KEY: process.env.COSMIC_READ_KEY
   }
 }