Fix actions computed

front/src/components/manage/library/AlbumsTable.vue

@@ -36,7 +36,7 @@ const orderingOptions: [OrderingField, keyof typeof sharedLabels.filters][] = [
 
 const { $pgettext } = useGettext()
 const actionFilters = computed(() => ({ q: query.value, ...props.filters }))
-const actions = [
+const actions = computed(() => [
   {
     name: 'delete',
     label: $pgettext('*/*/*/Verb', 'Delete'),
@@ -45,7 +45,7 @@ const actions = [
     allowAll: false,
     confirmColor: 'danger'
   }
-]
+])
 
 const isLoading = ref(false)
 const fetchData = async () => {

front/src/components/manage/library/ArtistsTable.vue

@@ -34,7 +34,7 @@ const orderingOptions: [OrderingField, keyof typeof sharedLabels.filters][] = [
 ]
 
 const actionFilters = computed(() => ({ q: query.value, ...props.filters }))
-const actions = () => [
+const actions = computed(() => [
   {
     name: 'delete',
     label: $pgettext('*/*/*/Verb', 'Delete'),
@@ -43,7 +43,7 @@ const actions = () => [
     allowAll: false,
     confirmColor: 'danger'
   }
-]
+])
 
 const isLoading = ref(false)
 const fetchData = async () => {

front/src/components/manage/library/LibrariesTable.vue

@@ -36,7 +36,7 @@ const orderingOptions: [OrderingField, keyof typeof sharedLabels.filters][] = [
 
 const { $pgettext } = useGettext()
 const actionFilters = computed(() => ({ q: query.value, ...props.filters }))
-const actions = [
+const actions = computed(() => [
   {
     name: 'delete',
     label: $pgettext('*/*/*/Verb', 'Delete'),
@@ -45,7 +45,7 @@ const actions = [
     allowAll: false,
     confirmColor: 'danger'
   }
-]
+])
 
 const isLoading = ref(false)
 const fetchData = async () => {

front/src/components/manage/library/TagsTable.vue

@@ -39,7 +39,7 @@ const orderingOptions: [OrderingField, keyof typeof sharedLabels.filters][] = [
 
 const { $pgettext } = useGettext()
 const actionFilters = computed(() => ({ q: query.value, ...props.filters }))
-const actions = [
+const actions = computed(() => [
   {
     name: 'delete',
     label: $pgettext('*/*/*/Verb', 'Delete'),
@@ -48,7 +48,7 @@ const actions = [
     allowAll: false,
     confirmColor: 'danger'
   }
-]
+])
 
 const isLoading = ref(false)
 const fetchData = async () => {

front/src/components/manage/library/TracksTable.vue

@@ -34,7 +34,7 @@ const orderingOptions: [OrderingField, keyof typeof sharedLabels.filters][] = [
 
 const { $pgettext } = useGettext()
 const actionFilters = computed(() => ({ q: query.value, ...props.filters }))
-const actions = [
+const actions = computed(() => [
   {
     name: 'delete',
     label: $pgettext('*/*/*/Verb', 'Delete'),
@@ -43,7 +43,7 @@ const actions = [
     allowAll: false,
     confirmColor: 'danger'
   }
-]
+])
 
 const isLoading = ref(false)
 const fetchData = async () => {

front/src/components/manage/library/UploadsTable.vue

@@ -42,7 +42,7 @@ const orderingOptions: [OrderingField, keyof typeof sharedLabels.filters][] = [
 
 const { $pgettext } = useGettext()
 const actionFilters = computed(() => ({ q: query.value, ...props.filters }))
-const actions = [
+const actions = computed(() => [
   {
     name: 'delete',
     label: $pgettext('*/*/*/Verb', 'Delete'),
@@ -51,7 +51,7 @@ const actions = [
     allowAll: false,
     confirmColor: 'danger'
   }
-]
+])
 
 const isLoading = ref(false)
 const fetchData = async () => {

front/src/components/manage/moderation/AccountsTable.vue

@@ -38,13 +38,13 @@ const orderingOptions: [OrderingField, keyof typeof sharedLabels.filters][] = [
 
 const { $pgettext } = useGettext()
 const actionFilters = computed(() => ({ q: query.value, ...props.filters }))
-const actions = [
+const actions = computed(() => [
   {
     name: 'purge',
     label: $pgettext('*/*/*/Verb', 'Purge'),
     isDangerous: true
   }
-]
+])
 
 const isLoading = ref(false)
 const fetchData = async () => {

front/src/components/manage/moderation/DomainsTable.vue

@@ -37,7 +37,7 @@ const orderingOptions: [OrderingField, keyof typeof sharedLabels.filters][] = [
 const { $pgettext } = useGettext()
 const query = ref('')
 const actionFilters = computed(() => ({ q: query.value, ...props.filters }))
-const actions = [
+const actions = computed(() => [
   {
     name: 'purge',
     label: $pgettext('*/*/*/Verb', 'Purge'),
@@ -57,7 +57,7 @@ const actions = [
       return obj.allowed
     }
   }
-]
+])
 
 const allowed = ref(null)
 const isLoading = ref(false)
@@ -70,7 +70,7 @@ const fetchData = async () => {
     ordering: orderingString.value,
     allowed: allowed.value,
     ...props.filters
-  }
+  } as Record<string, unknown>
 
   if (params.allowed === null) {
     delete params.allowed

front/src/components/manage/users/InvitationsTable.vue

@@ -35,7 +35,7 @@ const query = ref('')
 const isOpen = ref(false)
 const { $pgettext } = useGettext()
 const actionFilters = computed(() => ({ q: query.value, ...props.filters }))
-const actions = [
+const actions = computed(() => [
   {
     name: 'delete',
     label: $pgettext('*/*/*/Verb', 'Delete'),
@@ -43,7 +43,7 @@ const actions = [
       return obj.users.length === 0 && moment().isBefore(obj.expiration_date)
     }
   }
-]
+])
 
 const isLoading = ref(false)
 const fetchData = async () => {

front/src/views/admin/library/ArtistsList.vue

@@ -1,3 +1,22 @@
+<script setup lang="ts">
+import ArtistsTable from '~/components/manage/library/ArtistsTable.vue'
+import { useGettext } from 'vue3-gettext'
+import { computed } from 'vue'
+
+interface Props {
+  defaultQuery?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  defaultQuery: ''
+})
+
+const { $pgettext } = useGettext()
+const labels = computed(() => ({
+  title: $pgettext('*/*/*/Noun', 'Artists')
+}))
+</script>
+
 <template>
   <main v-title="labels.title">
     <section class="ui vertical stripe segment">
@@ -5,30 +24,12 @@
         {{ labels.title }}
       </h2>
       <div class="ui hidden divider" />
+
       <artists-table
         :update-url="true"
         :default-query="defaultQuery"
+        :ordering-config-name="null"
       />
     </section>
   </main>
 </template>
-
-<script>
-import ArtistsTable from '~/components/manage/library/ArtistsTable.vue'
-
-export default {
-  components: {
-    ArtistsTable
-  },
-  props: {
-    defaultQuery: { type: String, required: false, default: '' }
-  },
-  computed: {
-    labels () {
-      return {
-        title: this.$pgettext('*/*/*/Noun', 'Artists')
-      }
-    }
-  }
-}
-</script>

front/src/views/content/libraries/FilesTable.vue

@@ -48,7 +48,7 @@ const orderingOptions: [OrderingField, keyof typeof sharedLabels.filters][] = [
 
 const { $pgettext } = useGettext()
 const actionFilters = computed(() => ({ q: query.value, ...props.filters }))
-const actions = [
+const actions = computed(() => [
   {
     name: 'delete',
     label: $pgettext('*/*/*/Verb', 'Delete'),
@@ -66,7 +66,7 @@ const actions = [
       return filter.import_status !== 'finished'
     }
   }
-]
+])
 
 const emit = defineEmits(['fetch-start'])