modify multi templete problem

frontend/src/views/main/Progress.vue

@@ -1,29 +1,3 @@
-<template>
-  <div>
-    <v-toolbar light>
-      <v-toolbar-title>
-        Manage Users
-      </v-toolbar-title>
-      <v-spacer></v-spacer>
-      <v-btn color="primary" to="/main/admin/users/create">Create User</v-btn>
-    </v-toolbar>
-    <v-data-table :headers="headers" :items="videos">
-      
-      <template v-slot:item.is_active="{ item }">
-        <v-icon v-if=item.columns.is_active icon="check"/>
-      </template>
-      <template v-slot:item.is_superuser="{ item }">
-        <v-icon v-if=item.columns.is_superuser icon="check"/>
-      </template>
-      <template v-slot:item.id="{ item }">
-        <v-btn flat :to="{name: 'main-admin-users-edit', params: {id: item.columns.id}}">
-          <v-icon icon="download"/>
-          <v-tooltip location="top" activator="parent">Edit</v-tooltip>
-        </v-btn>
-      </template>
-    </v-data-table>
-  </div>
-</template>
 <script setup lang="ts">
 import { useMainStore } from "@/stores/main";
 import { storeToRefs } from "pinia";
@@ -66,12 +40,6 @@ onMounted(async () => {
       </v-toolbar-title>
     </v-toolbar>
     <v-data-table :headers="headers" :items="videos">
-      <!-- <template v-slot:item.is_active="{ item }">
-        <v-icon v-if="item.columns.is_active" icon="check" />
-      </template>
-      <template v-slot:item.is_superuser="{ item }">
-        <v-icon v-if="item.columns.is_superuser" icon="check" />
-      </template> -->
       <template v-slot:item.id="{ item }">
         <v-btn
           flat