Updated demo

euvl · euvl · commit f60dd3341c12 · 2017-09-26T14:18:32.000+01:00
diff --git a/demo/index.html b/demo/index.html
@@ -7,6 +7,7 @@
   </head>
   <body>
     <div id="app"></div>
+    <script src="https://buttons.github.io/buttons.js"></script>
     <script src="./dist/build.js"></script>
   </body>
 </html>
diff --git a/demo/src/App.vue b/demo/src/App.vue
@@ -1,11 +1,16 @@
 <template>
   <div id="app">
-    <div>
-      <div class="color-header">
-        <Icon :color="selected" style="width: auto;">
-          Color
-        </Icon>
-      </div>
+    <div style="padding: 10px;">
+      <a class="github-button"
+         href="https://github.com/euvl/vue-js-grid"
+         data-icon="octicon-star"
+         data-show-count="true"
+         aria-label="Star euvl/vue-js-grid on GitHub">Star</a>
+    </div>
+    <div class="color-header">
+      <Icon :color="selected" style="width: auto;">
+        vue-js-grid
+      </Icon>
     </div>
     <grid
       :center="false"
@@ -42,6 +47,7 @@
     </grid>
 -->
   </div>
+
 </template>
 
 <script>
@@ -98,6 +104,10 @@ export default {
 </script>
 
 <style lang="scss">
+body {
+  background: #fafafa;
+}
+
 #app {
   font-family: 'Avenir', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
diff --git a/demo/webpack.config.js b/demo/webpack.config.js
@@ -6,7 +6,7 @@ module.exports = {
   entry: './src/main.js',
   output: {
     path: path.resolve(__dirname, './dist'),
-    publicPath: './',
+    publicPath: '/dist/',
     filename: 'build.js'
   },
   module: {
@@ -30,10 +30,11 @@ module.exports = {
   resolve: {
     alias: {
       'vue$': 'vue/dist/vue.esm.js',
-      'plugin': path.resolve(__dirname, "../dist/index.js")
+      'plugin': path.resolve(__dirname, '../dist/index.js')
     }
   },
   devServer: {
+  //  contentBase: path.join(__dirname, 'dist'),
     historyApiFallback: true,
     noInfo: true
   },
@@ -44,6 +45,7 @@ module.exports = {
 }
 
 if (process.env.NODE_ENV === 'production') {
+  module.exports.output.publicPath = '.'
   module.exports.devtool = '#source-map'
   // http://vue-loader.vuejs.org/en/workflow/production.html
   module.exports.plugins = (module.exports.plugins || []).concat([
