From 5c56e02e0418ae5f99a61a2a6d86788b421bfb36 Mon Sep 17 00:00:00 2001
From: Marcos Moura <marcosvmmoura@gmail.com>
Date: Tue, 25 Oct 2016 10:59:36 -0200
Subject: [PATCH] Create empty component

---
 docs/src/App.vue                     |  4 ++++
 docs/src/pages/Error.vue             |  2 +-
 docs/src/pages/components/Table.vue  | 23 +++++++++++++++++++
 docs/src/routes.js                   |  6 +++++
 src/components/mdTable/index.js      |  8 +++++++
 src/components/mdTable/mdTable.scss  |  5 +++++
 src/components/mdTable/mdTable.theme |  6 +++++
 src/components/mdTable/mdTable.vue   | 33 ++++++++++++++++++++++++++++
 src/index.js                         |  2 ++
 9 files changed, 88 insertions(+), 1 deletion(-)
 create mode 100644 docs/src/pages/components/Table.vue
 create mode 100644 src/components/mdTable/index.js
 create mode 100644 src/components/mdTable/mdTable.scss
 create mode 100644 src/components/mdTable/mdTable.theme
 create mode 100644 src/components/mdTable/mdTable.vue

diff --git a/docs/src/App.vue b/docs/src/App.vue
index 781ebc7..31b24ce 100644
--- a/docs/src/App.vue
+++ b/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>
diff --git a/docs/src/pages/Error.vue b/docs/src/pages/Error.vue
index 065881a..667b1f2 100644
--- a/docs/src/pages/Error.vue
+++ b/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>
diff --git a/docs/src/pages/components/Table.vue b/docs/src/pages/components/Table.vue
new file mode 100644
index 0000000..08f0b24
--- /dev/null
+++ b/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>
diff --git a/docs/src/routes.js b/docs/src/routes.js
index 1064ba0..5dbb5dc 100644
--- a/docs/src/routes.js
+++ b/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',
diff --git a/src/components/mdTable/index.js b/src/components/mdTable/index.js
new file mode 100644
index 0000000..ef42f08
--- /dev/null
+++ b/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);
+}
diff --git a/src/components/mdTable/mdTable.scss b/src/components/mdTable/mdTable.scss
new file mode 100644
index 0000000..10a2258
--- /dev/null
+++ b/src/components/mdTable/mdTable.scss
@@ -0,0 +1,5 @@
+@import '../../core/stylesheets/variables.scss';
+
+.md-table {
+
+}
diff --git a/src/components/mdTable/mdTable.theme b/src/components/mdTable/mdTable.theme
new file mode 100644
index 0000000..a2a2250
--- /dev/null
+++ b/src/components/mdTable/mdTable.theme
@@ -0,0 +1,6 @@
+.THEME_NAME {
+  .md-table,
+  &.md-table {
+
+  }
+}
diff --git a/src/components/mdTable/mdTable.vue b/src/components/mdTable/mdTable.vue
new file mode 100644
index 0000000..2e243e0
--- /dev/null
+++ b/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>
diff --git a/src/index.js b/src/index.js
index 37251c6..f38276d 100644
--- a/src/index.js
+++ b/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,