<style lang=sass>
@import "../../assets/components/_reset.scss";
@import "../../assets/components/_line-list.scss";
</style>
<template>
 <div class="line-list line-list--indent line-list--after-v" keep-alive>
  <a v-for="router in routers" v-link="{path:router.link}" class="line-item">{{router.name}}</a>
  </div>
 </template>

 <script>
export default {
	data(){
    return{
     routers:[{
        "name": "Button",
        "link": "/button"
      }, {
        "name": "Radio",
        "link": "/radio"
      }, {
        "name": "RadioGroup",
        "link": "/radiogroup"
      }, {
        "name": "CheckBox",
        "link": "/checkbox"
      }, {
        "name": "CheckBoxGroup",
        "link": "/checkboxgroup"
      }, {
        "name": "Toast",
        "link": "/toast"
      }, {
        "name": "Dialog",
        "link": "/dialog"
      },{
        "name": "Tab",
        "link": "/tab"
      }, {
        "name": "Switch",
        "link": "/switch"
      }, {
        "name": "Swiper",
        "link": "/swiper"
      }, {
        "name": "DatePicker",
        "link": "/datepicker"
      }, {
        "name": "CitySelect",
        "link": "/citySelect"
      }, {
        "name": "Calendar",
        "link": "/calendar"
      }, {
        "name": "Validator",
        "link": "/validator"
      }, {
        "name": "Swiper",
        "link": "/swiper"
      }]
    }
  }
}
</script>
