refactoring: update severals components
This commit is contained in:
@@ -16,34 +16,43 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
-->
|
||||
<template>
|
||||
<li :class="classes">
|
||||
<a :href="href" :target="target" :title="label">
|
||||
<img class="side-menu-app-icon" :src="icon" :alt="label" />
|
||||
<a
|
||||
:href="href"
|
||||
:target="target"
|
||||
:title="label"
|
||||
>
|
||||
<img
|
||||
class="side-menu-app-icon"
|
||||
:src="icon"
|
||||
:alt="label"
|
||||
/>
|
||||
<span class="side-menu-app-text">{{ label }}</span>
|
||||
</a>
|
||||
</li>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
defineProps({
|
||||
const { label, icon, href, classes, target } = defineProps({
|
||||
label: {
|
||||
type: String,
|
||||
required: true
|
||||
required: true,
|
||||
},
|
||||
icon: {
|
||||
type: String,
|
||||
required: true
|
||||
required: true,
|
||||
},
|
||||
href: {
|
||||
type: String,
|
||||
required: true
|
||||
required: true,
|
||||
},
|
||||
classes: {
|
||||
type: Object,
|
||||
required: true
|
||||
required: true,
|
||||
},
|
||||
target: {
|
||||
type: String,
|
||||
required: false
|
||||
required: false,
|
||||
default: null,
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user