diff --git a/src/App.vue b/src/App.vue
index 1c6a3b8..c28d3ab 100644
--- a/src/App.vue
+++ b/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>