Rename Listing to FileListing (reserved keyword)

frontend/src/components/files/ListingItem.vue

@@ -48,9 +48,6 @@ import * as upload from "@/utils/upload";
 
 export default {
   name: "item",
-  compatConfig: {
-    ATTR_FALSE_VALUE: "suppress-warning",
-  },
   data: function () {
     return {
       touches: 0,

frontend/src/views/Files.vue

@@ -31,7 +31,7 @@ import HeaderBar from "@/components/header/HeaderBar.vue";
 import Breadcrumbs from "@/components/Breadcrumbs.vue";
 import Errors from "@/views/Errors.vue";
 import Preview from "@/views/files/Preview.vue";
-import Listing from "@/views/files/Listing.vue";
+import FileListing from "@/views/files/FileListing.vue";
 
 function clean(path) {
   return path.endsWith("/") ? path.slice(0, -1) : path;
@@ -44,7 +44,7 @@ export default {
     Breadcrumbs,
     Errors,
     Preview,
-    Listing,
+    FileListing,
     Editor: defineAsyncComponent(() => import("@/views/files/Editor.vue")),
   },
   data: function () {
@@ -73,7 +73,7 @@ export default {
       }
 
       if (this.req.isDir) {
-        return "listing";
+        return "file-listing";
       } else if (
         this.req.type === "text" ||
         this.req.type === "textImmutable"

frontend/src/views/files/FileListing.vue

@@ -267,7 +267,6 @@
 </template>
 
 <script>
-import Vue from "vue";
 import { mapState, mapWritableState, mapActions, mapStores } from "pinia";
 import { useAuthStore } from "@/stores/auth";
 import { useClipboardStore } from "@/stores/clipboard";
@@ -287,7 +286,7 @@ import Search from "@/components/Search.vue";
 import Item from "@/components/files/ListingItem.vue";
 
 export default {
-  name: "listing",
+  name: "file-listing",
   components: {
     HeaderBar,
     Action,
@@ -403,7 +402,7 @@ export default {
       this.showLimit = 50;
 
       // Ensures that the listing is displayed
-      Vue.nextTick(() => {
+      this.$nextTick(() => {
         // How much every listing item affects the window height
         this.setItemWeight();