mirror of
https://iceshrimp.dev/Crimekillz/jointrashposs.git
synced 2024-11-24 01:39:07 +01:00
35 lines
655 B
Vue
35 lines
655 B
Vue
|
<template>
|
||
|
|
<img :src="refinedSrc" :alt="alt" :width="width" :height="height" loading="lazy" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { withBase } from 'ufo'
|
||
|
|
import { useRuntimeConfig, computed } from '#imports'
|
||
|
|
|
||
|
|
const props = defineProps({
|
||
|
|
src: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
alt: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
width: {
|
||
|
|
type: [String, Number],
|
||
|
|
default: undefined
|
||
|
|
},
|
||
|
|
height: {
|
||
|
|
type: [String, Number],
|
||
|
|
default: undefined
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
const refinedSrc = computed(() => {
|
||
|
|
if (props.src?.startsWith('/') && !props.src.startsWith('//')) {
|
||
|
|
return withBase(props.src, useRuntimeConfig().app.baseURL)
|
||
|
|
}
|
||
|
|
return props.src
|
||
|
|
})
|
||
|
|
</script>
|