Add initial firefox support and finish first documentation release

Author: marcosmoura

README.md

@@ -4,6 +4,9 @@
 
 Vue Material is lightweight framework built exactly according to the <a href="http://material.google.com" target="_blank">Material Design</a> specs. It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to <a href="https://saucelabs.com/u/vuejs" target="_blank">modern Web Browsers</a> through Vue 2.0. Build powerful and well-designed web apps that can can fit on every screen. You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API.
 
+## Demo and Documentation
+<a href="https://marcosmoura.github.io/vue-material/" target="_blank">Material Design</a>
+
 ## Installation
 
 Install Vue Material through npm or yarn
@@ -54,6 +57,9 @@ Vue.material.theme.registerAll({
     accent: 'pink'
   }
 });
+
+## Changelog
+<a href="https://marcosmoura.github.io/vue-material/#/changelog" target="_blank">Link</a>
 ```
 
 ## Build Setup

build/config.js

@@ -7,7 +7,7 @@ const config = {
   docsPath: 'docs',
   indexPath: 'docs/index.html',
   publicPath: '/',
-  assetsPath: '/'
+  assetsPath: 'docs/src/assets'
 };
 
 let dev = {

build/server/index.js

@@ -32,11 +32,7 @@ compiler.plugin('compilation', (compilation) => {
 app.use(historyApiFallback());
 app.use(devMiddlewareInstance);
 app.use(hotMiddlewareInstance);
-app.use(express.static(__dirname + config.devPath));
-
-app.get('*', function(req, res) {
-  res.sendFile(path.join(__dirname, 'index.html'));
-});
+app.use('/assets', express.static(path.join(__dirname, '..', '..', config.assetsPath)));
 
 export default app.listen(config.server.port, (error) => {
   let uri = 'http://localhost:' + config.server.port;

build/webpack/base.js

@@ -4,10 +4,6 @@ import autoprefixer from 'autoprefixer';
 import eslintFormatter from 'eslint-friendly-formatter';
 import config from '../config';
 
-const buildAssetsPath = (_path) => {
-  return path.posix.join(_path);
-};
-
 export default {
   entry: {
     docs: './docs/src/index.js'
@@ -21,7 +17,7 @@ export default {
     extensions: ['', '.js', '.vue'],
     fallback: [config.nodePath],
     alias: {
-      vue: 'vue/dist/vue.common.js'
+      assets: path.resolve(__dirname, '../../docs/src/assets')
     }
   },
   resolveLoader: {
@@ -68,14 +64,6 @@ export default {
       {
         test: /\.html$/,
         loader: 'vue-html'
-      },
-      {
-        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
-        loader: 'url',
-        query: {
-          limit: 10000,
-          name: buildAssetsPath('images/[name].[hash:7].[ext]')
-        }
       }
     ]
   },

build/webpack/prod-docs.js

@@ -2,6 +2,7 @@ import webpack from 'webpack';
 import path from 'path';
 import merge from 'webpack-merge';
 import ExtractTextPlugin from 'extract-text-webpack-plugin';
+import CopyWebpackPlugin from 'copy-webpack-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import config from '../config';
 import baseConfig from './base';
@@ -28,6 +29,13 @@ export default merge(baseConfig, {
     }),
     new webpack.optimize.OccurenceOrderPlugin(),
     new ExtractTextPlugin('[name].[contenthash:8].css'),
+    new CopyWebpackPlugin([
+      {
+        context: config.assetsPath,
+        from: '**/*',
+        to: path.join(config.rootPath, 'docs', 'assets')
+      }
+    ]),
     new HtmlWebpackPlugin({
       filename: 'index.html',
       template: config.indexPath,