45 lines
1.5 KiB
Vue
45 lines
1.5 KiB
Vue
<script setup>
|
|
import { ref, computed } from 'vue'
|
|
|
|
const props = defineProps({
|
|
title: String,
|
|
height: Number,
|
|
width: Number,
|
|
})
|
|
|
|
// variables
|
|
const heightNumber = ref(24)
|
|
const widthNumber = ref(24)
|
|
|
|
if (!Number.isNaN(props.height) && typeof props.height !== "undefined") {
|
|
heightNumber.value = Number.parseInt(props.height)
|
|
} else if (typeof props.height === "undefined" && (!Number.isNaN(props.width) && typeof props.width !== "undefined")) {
|
|
heightNumber.value = Number.parseInt(props.width)
|
|
}
|
|
|
|
if (!Number.isNaN(props.width) && typeof props.width !== "undefined") {
|
|
widthNumber.value = Number.parseInt(props.width)
|
|
} else if (typeof props.width === "undefined" && (!Number.isNaN(props.height) && typeof props.height !== "undefined")) {
|
|
widthNumber.value = Number.parseInt(props.height)
|
|
}
|
|
|
|
// computed
|
|
const titleString = computed(() => {
|
|
if (typeof props.title === "string" && props.title.trim().length > 0) {
|
|
return props.title.trim()
|
|
}
|
|
return ""
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<svg viewBox="0 0 24 24" :height="heightNumber" :width="widthNumber" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" preserveAspectRatio="xMidYMid meet">
|
|
<title v-if="titleString.length > 0" v-html="title"></title>
|
|
<path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
|
|
<path d="M18.63 13A17.89 17.89 0 0 1 18 8"></path>
|
|
<path d="M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14"></path>
|
|
<path d="M18 8a6 6 0 0 0-9.33-5"></path>
|
|
<line x1="1" y1="1" x2="23" y2="23"></line>
|
|
</svg>
|
|
</template>
|