Create empty component

docs/src/App.vue

@@ -87,6 +87,10 @@
                   <router-link exact to="/components/tabs">Tabs</router-link>
                 </md-list-item>
 
+                <md-list-item class="md-inset">
+                  <router-link exact to="/components/table">Table</router-link>
+                </md-list-item>
+
                 <md-list-item class="md-inset">
                   <router-link exact to="/components/toolbar">Toolbar</router-link>
                 </md-list-item>

docs/src/pages/Error.vue

@@ -4,6 +4,6 @@
 
     <h2 class="md-headline">Hmmm. Too bad</h2>
     <p>Are you searching for a new component? Or maybe you have an question? Get in touch!</p>
-    <md-button href="https://github.com/marcosmoura/vue-material/issues/new" target="_blank" rel="noopener">New Issue</md-button>
+    <md-button class="md-primary md-raised" href="https://github.com/marcosmoura/vue-material/issues/new" target="_blank" rel="noopener">New Issue</md-button>
   </single-page>
 </template>

docs/src/pages/components/Table.vue

@@ -0,0 +1,23 @@
+<template>
+  <demo-page label="Components - Table">
+    <div slot="examples">
+      <demo-example label="Default">
+        <md-table></md-table>
+      </demo-example>
+    </div>
+
+    <div slot="code">
+
+    </div>
+
+    <div slot="api">
+
+    </div>
+  </demo-page>
+</template>
+
+<script>
+  export default {
+
+  };
+</script>

docs/src/routes.js

@@ -21,6 +21,7 @@ import Select from './pages/components/Select';
 import Sidenav from './pages/components/Sidenav';
 import Subheader from './pages/components/Subheader';
 import Switch from './pages/components/Switch';
+import Table from './pages/components/Table';
 import Tabs from './pages/components/Tabs';
 import Toolbar from './pages/components/Toolbar';
 import Tooltip from './pages/components/Tooltip';
@@ -138,6 +139,11 @@ const components = [
     name: 'components:subheader',
     component: Subheader
   },
+  {
+    path: '/components/table',
+    name: 'components:table',
+    component: Table
+  },
   {
     path: '/components/tabs',
     name: 'components:tabs',

src/components/mdTable/index.js

@@ -0,0 +1,8 @@
+import mdTable from './mdTable.vue';
+import mdTableTheme from './mdTable.theme';
+
+export default function install(Vue) {
+  Vue.component('md-table', Vue.extend(mdTable));
+
+  Vue.material.styles.push(mdTableTheme);
+}

src/components/mdTable/mdTable.scss

@@ -0,0 +1,5 @@
+@import '../../core/stylesheets/variables.scss';
+
+.md-table {
+
+}

src/components/mdTable/mdTable.theme

@@ -0,0 +1,6 @@
+.THEME_NAME {
+  .md-table,
+  &.md-table {
+
+  }
+}

src/components/mdTable/mdTable.vue

@@ -0,0 +1,33 @@
+<template>
+  <div class="md-table" :class="classes">
+
+  </div>
+</template>
+
+<style lang="scss" src="./mdTable.scss"></style>
+
+<script>
+  export default {
+    props: {
+
+    },
+    data() {
+      return {
+
+      };
+    },
+    computed: {
+      classes() {
+        return {
+
+        };
+      }
+    },
+    methods: {
+
+    },
+    mounted() {
+
+    }
+  };
+</script>

src/index.js

@@ -14,6 +14,7 @@ import mdSelect from './components/mdSelect';
 import mdSidenav from './components/mdSidenav';
 import mdSubheader from './components/mdSubheader';
 import mdSwitch from './components/mdSwitch';
+import mdTable from './components/mdTable';
 import mdTabs from './components/mdTabs';
 import mdToolbar from './components/mdToolbar';
 import mdTooltip from './components/mdTooltip';
@@ -36,6 +37,7 @@ let options = {
   mdSidenav,
   mdSubheader,
   mdSwitch,
+  mdTable,
   mdTabs,
   mdToolbar,
   mdTooltip,