Vue.component('side-menu-link', {
	template: '<el-menu class="search-filter2" :background-color="color" text-color="#FFF" active-text-color="#FFF">' +
			'<a :href="getLink" :style="getStyle">' +
				'<el-menu-item class="side-menu-link" index="1-1">{{name}}</el-menu-item>' +
			'</a>' +
		'</el-menu>',
	props: {
		link: '',
		name: '',
		color: String,
		current: ''
	},
	computed: {
		getLink: function () {
			return '#' + this.link;
		},
		getStyle: function() {
			if (this.current == (this.link + '-faqs')) {
				return {
					'color': 'white',
				}
			} else {
				return {
					'text-decoration': 'none'
				}
			}
		}
	}
});