diff --git a/resources/assets/src/views/admin/Market.vue b/resources/assets/src/views/admin/Market.vue
index 31e77489..38d49b5a 100644
--- a/resources/assets/src/views/admin/Market.vue
+++ b/resources/assets/src/views/admin/Market.vue
@@ -7,7 +7,7 @@
       :pagination-options="tableOptions.pagination"
       style-class="vgt-table striped"
     >
-      <template slot="table-row" slot-scope="props">
+      <template #table-row="props">
         <span v-if="props.column.field === 'title'">
           <strong>{{ props.formattedRow[props.column.field] }}</strong>
           <div>{{ props.row.name }}</div>
diff --git a/resources/assets/src/views/admin/Players.vue b/resources/assets/src/views/admin/Players.vue
index b7c9a9d9..21382b31 100644
--- a/resources/assets/src/views/admin/Players.vue
+++ b/resources/assets/src/views/admin/Players.vue
@@ -13,7 +13,7 @@
       @on-search="onSearch"
       @on-per-page-change="onPerPageChange"
     >
-      <template slot="table-row" slot-scope="props">
+      <template #table-row="props">
         <span v-if="props.column.field === 'name'">
           {{ props.formattedRow[props.column.field] }}
           <a :title="$t('admin.changePlayerName')" data-test="name" @click="changeName(props.row)">
diff --git a/resources/assets/src/views/admin/Plugins.vue b/resources/assets/src/views/admin/Plugins.vue
index 5481cae8..1c4c7b0f 100644
--- a/resources/assets/src/views/admin/Plugins.vue
+++ b/resources/assets/src/views/admin/Plugins.vue
@@ -8,7 +8,7 @@
       style-class="vgt-table striped"
       :row-style-class="rowStyleClassFn"
     >
-      <template slot="table-row" slot-scope="props">
+      <template #table-row="props">
         <span v-if="props.column.field === 'title'">
           <strong>{{ props.formattedRow[props.column.field] }}</strong>
           <div v-if="props.row.enabled" class="actions">
diff --git a/resources/assets/src/views/admin/Users.vue b/resources/assets/src/views/admin/Users.vue
index 23abdf8b..1f6c8fd0 100644
--- a/resources/assets/src/views/admin/Users.vue
+++ b/resources/assets/src/views/admin/Users.vue
@@ -13,7 +13,7 @@
       @on-search="onSearch"
       @on-per-page-change="onPerPageChange"
     >
-      <template slot="table-row" slot-scope="props">
+      <template #table-row="props">
         <span v-if="props.column.field === 'email'">
           {{ props.formattedRow[props.column.field] }}
           <a :title="$t('admin.changeEmail')" data-test="email" @click="changeEmail(props.row)">
diff --git a/resources/assets/src/views/skinlib/List.vue b/resources/assets/src/views/skinlib/List.vue
index 3f51125c..7fbc5fa8 100644
--- a/resources/assets/src/views/skinlib/List.vue
+++ b/resources/assets/src/views/skinlib/List.vue
@@ -29,15 +29,19 @@
                   :placeholder="$t('vendor.datatable.search')"
                   clearable
                 >
-                  <el-select slot="prepend" v-model="filter" class="texture-type-select">
-                    <el-option :label="$t('general.skin')" value="skin" />
-                    <el-option label="Steve" value="steve" />
-                    <el-option label="Alex" value="alex" />
-                    <el-option :label="$t('general.cape')" value="cape" />
-                  </el-select>
-                  <el-button slot="append" data-test="btn-search" @click="fetchData">
-                    {{ $t('general.submit') }}
-                  </el-button>
+                  <template #prepend>
+                    <el-select v-model="filter" class="texture-type-select">
+                      <el-option :label="$t('general.skin')" value="skin" />
+                      <el-option label="Steve" value="steve" />
+                      <el-option label="Alex" value="alex" />
+                      <el-option :label="$t('general.cape')" value="cape" />
+                    </el-select>
+                  </template>
+                  <template #append>
+                    <el-button data-test="btn-search" @click="fetchData">
+                      {{ $t('general.submit') }}
+                    </el-button>
+                  </template>
                 </el-input>
               </form>
 
diff --git a/resources/assets/src/views/skinlib/Show.vue b/resources/assets/src/views/skinlib/Show.vue
index 0b9cfd24..867c78b5 100644
--- a/resources/assets/src/views/skinlib/Show.vue
+++ b/resources/assets/src/views/skinlib/Show.vue
@@ -6,7 +6,7 @@
         :cape="type === 'cape' ? textureUrl : ''"
         :init-position-z="60"
       >
-        <template slot="footer">
+        <template #footer>
           <el-button v-if="!auth" disabled :title="$t('skinlib.show.anonymous')">
             {{ $t('skinlib.addToCloset') }}
           </el-button>
diff --git a/resources/assets/src/views/user/Closet.vue b/resources/assets/src/views/user/Closet.vue
index 42707277..08298812 100644
--- a/resources/assets/src/views/user/Closet.vue
+++ b/resources/assets/src/views/user/Closet.vue
@@ -126,7 +126,7 @@
       <!-- Right col -->
       <div class="col-md-4">
         <previewer closet-mode :skin="skinUrl" :cape="capeUrl">
-          <template slot="footer">
+          <template #footer>
             <button
               v-t="'user.useAs'"
               class="btn btn-primary"
diff --git a/resources/assets/src/views/user/Players.vue b/resources/assets/src/views/user/Players.vue
index d3bc2782..2b752978 100644
--- a/resources/assets/src/views/user/Players.vue
+++ b/resources/assets/src/views/user/Players.vue
@@ -69,7 +69,7 @@
           :cape="capeUrl"
           title="user.player.player-info"
         >
-          <template slot="footer">
+          <template #footer>
             <button
               v-t="'user.switch2dPreview'"
               class="btn btn-default"