refactor: ♻️ use v-slot shorthand
This commit is contained in:
parent
0b6f797dc4
commit
f0d6a93a58
1 changed files with 19 additions and 19 deletions
38
src/App.vue
38
src/App.vue
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue