Move authors to lazyBookshelf

client/pages/library/_library/authors/index.vue

@@ -1,115 +0,0 @@
-<template>
-  <div class="page" :class="streamLibraryItem ? 'streaming' : ''">
-    <app-book-shelf-toolbar page="authors" is-home :authors="authors" />
-    <div id="bookshelf" class="w-full h-full p-8e overflow-y-auto" :style="{ fontSize: sizeMultiplier + 'rem' }">
-      <!-- Cover size widget -->
-      <widgets-cover-size-widget class="fixed right-4 z-50" :style="{ bottom: streamLibraryItem ? '181px' : '16px' }" />
-      <div class="flex flex-wrap justify-center">
-        <template v-for="author in authorsSorted">
-          <cards-author-card :key="author.id" :author="author" class="p-3e" @edit="editAuthor" />
-        </template>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  async asyncData({ store, params, redirect, query, app }) {
-    var libraryId = params.library
-    var libraryData = await store.dispatch('libraries/fetch', libraryId)
-    if (!libraryData) {
-      return redirect('/oops?message=Library not found')
-    }
-
-    const library = libraryData.library
-    if (library.mediaType === 'podcast') {
-      return redirect(`/library/${libraryId}`)
-    }
-
-    return {
-      libraryId
-    }
-  },
-  data() {
-    return {
-      loading: true,
-      authors: []
-    }
-  },
-  computed: {
-    sizeMultiplier() {
-      return this.$store.getters['user/getSizeMultiplier']
-    },
-    streamLibraryItem() {
-      return this.$store.state.streamLibraryItem
-    },
-    currentLibraryId() {
-      return this.$store.state.libraries.currentLibraryId
-    },
-    selectedAuthor() {
-      return this.$store.state.globals.selectedAuthor
-    },
-    authorSortBy() {
-      return this.$store.getters['user/getUserSetting']('authorSortBy') || 'name'
-    },
-    authorSortDesc() {
-      return !!this.$store.getters['user/getUserSetting']('authorSortDesc')
-    },
-    authorsSorted() {
-      const sortProp = this.authorSortBy
-      const bDesc = this.authorSortDesc ? -1 : 1
-      return this.authors.sort((a, b) => {
-        if (typeof a[sortProp] === 'number' && typeof b[sortProp] === 'number') {
-          // Fallback to name sort if equal
-          if (a[sortProp] === b[sortProp]) return a.name.localeCompare(b.name, undefined, { sensitivity: 'base' }) * bDesc
-          return a[sortProp] > b[sortProp] ? bDesc : -bDesc
-        }
-        return a[sortProp]?.localeCompare(b[sortProp], undefined, { sensitivity: 'base' }) * bDesc
-      })
-    }
-  },
-  methods: {
-    async init() {
-      this.authors = await this.$axios
-        .$get(`/api/libraries/${this.currentLibraryId}/authors`)
-        .then((response) => response.authors)
-        .catch((error) => {
-          console.error('Failed to load authors', error)
-          return []
-        })
-      this.loading = false
-    },
-    authorAdded(author) {
-      if (!this.authors.some((au) => au.id === author.id)) {
-        this.authors.push(author)
-      }
-    },
-    authorUpdated(author) {
-      this.authors = this.authors.map((au) => {
-        if (au.id === author.id) {
-          return author
-        }
-        return au
-      })
-    },
-    authorRemoved(author) {
-      this.authors = this.authors.filter((au) => au.id !== author.id)
-    },
-    editAuthor(author) {
-      this.$store.commit('globals/showEditAuthorModal', author)
-    }
-  },
-  mounted() {
-    this.init()
-    this.$root.socket.on('author_added', this.authorAdded)
-    this.$root.socket.on('author_updated', this.authorUpdated)
-    this.$root.socket.on('author_removed', this.authorRemoved)
-  },
-  beforeDestroy() {
-    this.$root.socket.off('author_added', this.authorAdded)
-    this.$root.socket.off('author_updated', this.authorUpdated)
-    this.$root.socket.off('author_removed', this.authorRemoved)
-  }
-}
-</script>

client/pages/library/_library/bookshelf/_id.vue

@@ -27,7 +27,7 @@ export default {
 
     // Redirect podcast libraries
     const library = libraryData.library
-    if (library.mediaType === 'podcast' && (params.id === 'collections' || params.id === 'series')) {
+    if (library.mediaType === 'podcast' && (params.id === 'collections' || params.id === 'series' || params.id === 'authors')) {
       return redirect(`/library/${libraryId}`)
     }