refactor: ♻️ use v-slot shorthand

This commit is contained in:
Sebin Nyshkim 2021-03-24 23:30:02 +01:00
parent 0b6f797dc4
commit f0d6a93a58

View file

@ -1,18 +1,18 @@
<template>
<div id="app">
<nsfw-warning v-show="isWarn">
<template v-slot:heading>
<template #heading>
<br />
Whoa, Nelly!
</template>
<template v-slot:message>
<template #message>
By enabling NSFW mode you confirm that you are of legal age to view
adult content.
</template>
<template v-slot:yes>Yes, show me the goods 👀</template>
<template v-slot:no>NO, STAHP 😱</template>
<template #yes>Yes, show me the goods 👀</template>
<template #no>NO, STAHP 😱</template>
</nsfw-warning>
<ref-header
@ -30,7 +30,7 @@
<h2>Anatomy</h2>
<ref-figure>
<template v-slot:img>
<template #img>
<div>
<img
v-if="nsfw"
@ -44,10 +44,10 @@
/>
</div>
</template>
<template v-slot:caption>
<template #caption>
<label>Sebin Full Body Reference</label>
</template>
<template v-slot:copyright>
<template #copyright>
<a href="https://twitter.com/draftgon">
draftgon
</a>
@ -105,7 +105,7 @@
<h3 id="head">Head</h3>
<ref-figure>
<template v-slot:img>
<template #img>
<div>
<img
src="@img/sebin-ref-expressions.png"
@ -113,10 +113,10 @@
/>
</div>
</template>
<template v-slot:caption>
<template #caption>
<label>Sebin's Expressions</label>
</template>
<template v-slot:copyright>
<template #copyright>
<a href="https://twitter.com/draftgon">
draftgon
</a>
@ -174,7 +174,7 @@
</div>
<ref-figure>
<template v-slot:img>
<template #img>
<div>
<img
src="@img/upper-body-ref.png"
@ -182,10 +182,10 @@
/>
</div>
</template>
<template v-slot:caption>
<template #caption>
<label>Sebin's upper body closeup</label>
</template>
<template v-slot:copyright>
<template #copyright>
<a href="https://twitter.com/NidtheDragon">
NidtheDragon
</a>
@ -302,15 +302,15 @@
<h3 v-show="nsfw" id="penis">Penis</h3>
<ref-figure v-show="nsfw">
<template v-slot:img>
<template #img>
<div>
<img src="@img/sebin-ref-penis.png" alt="Sebin's manly parts" />
</div>
</template>
<template v-slot:caption>
<template #caption>
<label>Sebin's manly parts</label>
</template>
<template v-slot:copyright>
<template #copyright>
<a href="https://twitter.com/draftgon">
draftgon
</a>
@ -459,7 +459,7 @@
<h3>Overdrive Form</h3>
<ref-figure>
<template v-slot:img>
<template #img>
<div>
<img
src="@img/sebin-overdrive_ref-hires.jpg"
@ -467,10 +467,10 @@
/>
</div>
</template>
<template v-slot:caption>
<template #caption>
<label>Sebin in Overdrive</label>
</template>
<template v-slot:copyright>
<template #copyright>
<a href="https://twitter.com/CVictorrosso">
CVictorrosso
</a>