SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: ♻️ use v-slot shorthand

Browse source
This commit is contained in:
Sebin Nyshkim 2021-03-24 23:30:02 +01:00
parent 0b6f797dc4
commit f0d6a93a58
1 changed files with 19 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/App.vue
View file

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