fix(MdList): add full support to router-link

Author: marcosmoura

src/components/MdList/MdListItem/MdListItem.test.js

@@ -1,17 +1,17 @@
 import mountTemplate from 'test/utils/mountTemplate'
-import MdList from './MdList.vue'
+import MdListItem from './MdListItem.vue'
 
-test('should render the list', async () => {
-  const template = '<md-list>Lorem ipsum</md-list>'
-  const wrapper = await mountTemplate(MdList, template)
+test('should render the list item', async () => {
+  const template = '<md-list-item>Lorem ipsum</md-list-item>'
+  const wrapper = await mountTemplate(MdListItem, template)
 
-  expect(wrapper.hasClass('md-list')).toBe(true)
-  expect(wrapper.text()).toBe('Lorem ipsum')
+  expect(wrapper.hasClass('md-list-item')).toBe(true)
+  expect(wrapper.text().trim()).toBe('Lorem ipsum')
 })
 
 test('should render the theme class', async () => {
-  const template = '<md-list md-theme="alt">Lorem ipsum</md-list>'
-  const wrapper = await mountTemplate(MdList, template)
+  const template = '<md-list-item md-theme="alt">Lorem ipsum</md-list-item>'
+  const wrapper = await mountTemplate(MdListItem, template)
 
   expect(wrapper.hasClass('md-theme-alt')).toBe(true)
 })

src/components/MdList/MdListItem/MdListItem.vue

@@ -1,4 +1,5 @@
 <script>
+  import MdRouterLinkProps from 'core/MdRouterLinkProps'
   import MdListItemButton from './MdListItemButton'
   import MdListItemLink from './MdListItemLink'
   import MdListItemRouter from './MdListItemRouter'
@@ -15,10 +16,9 @@
 
       if (parent && parent.$router && props.to) {
         listComponent = MdListItemRouter
-        listComponent.props = {
-          target: String,
-          ...parent.$options.components['router-link'].options.props
-        }
+        listComponent.props = MdRouterLinkProps(parent, {
+          target: String
+        })
         delete listComponent.props.href
       } else if (props.href) {
         listComponent = MdListItemLink

src/components/MdList/MdListItem/MdListItemContent.vue

@@ -5,8 +5,13 @@
 </template>
 
 <script>
+  import MdRipple from 'components/MdRipple/MdRipple.vue'
+
   export default {
     name: 'MdListItemContent',
+    components: {
+      MdRipple
+    },
     props: {
       mdDisabled: Boolean
     }