refactor: adjust template structure

This commit is contained in:
Sebin Nyshkim 2022-09-29 02:47:07 +02:00
parent 05682347c7
commit 7cfac424e2
2 changed files with 35 additions and 23 deletions

View file

@ -16,6 +16,10 @@ const colors = [
</script>
<template>
<TextBlock>
<h1>{{ $route.meta.title }}</h1>
</TextBlock>
<RefImage>
<source
srcset="
@ -59,29 +63,31 @@ const colors = [
strip of deep dark cedar brown. Arms and legs are distinguished by a light
earthy brown.
</p>
</TextBlock>
<RefImage>
<source
srcset="
@/assets/viktor-front-SFW-alpha.png?w=400;700;1000&avif&quality=75&srcset
"
/>
<source
srcset="
@/assets/viktor-front-SFW-alpha.png?w=400;700;1000&webp&quality=100&srcset
"
/>
<img
src="@/assets/viktor-front-SFW-alpha.png?w=700&png"
alt="Viktor frontal shot by sabertoofs"
/>
<RefImage>
<source
srcset="
@/assets/viktor-front-SFW-alpha.png?w=400;700;1000&avif&quality=75&srcset
"
/>
<source
srcset="
@/assets/viktor-front-SFW-alpha.png?w=400;700;1000&webp&quality=100&srcset
"
/>
<img
src="@/assets/viktor-front-SFW-alpha.png?w=700&png"
alt="Viktor frontal shot by sabertoofs"
/>
<template #caption>
Viktor frontal shot &copy;
<a href="http://twitter.com/sabertoofs">sabertoofs</a>
</template>
</RefImage>
<template #caption>
Viktor frontal shot &copy;
<a href="http://twitter.com/sabertoofs">sabertoofs</a>
</template>
</RefImage>
<TextBlock>
<p>
His entire body is speckled with scattered aquamarine spots, which come in
pairs of one large and one small spot. The only exceptions are the spots