refactor menus with separated components

2020-10-16 11:04:03 +02:00
parent ae148aba02
commit 7edd6d6d84
10 changed files with 270 additions and 104 deletions
@@ -0,0 +1,36 @@
+<template>
+    <li v-bind:class="classes">
+        <a v-bind:href="href" :target="target" v-bind:title="label">
+             <span class="side-menu-app-icon" v-html="icon"></span>
+             <span class="side-menu-app-text" v-html="label"></span>
+        </a>
+    </li>
+</template>
+
+<script>
+export default {
+    name: 'SideMenuApp',
+    props: {
+        label: {
+            type: String,
+            required: true
+        },
+        icon: {
+            type: String,
+            required: true
+        },
+        href: {
+            type: String,
+            required: true
+        },
+        classes: {
+            type: Object,
+            required: true
+        },
+        target: {
+            type: String,
+            required: false
+        },
+    },
+}
+</script>