chore(cleanup): remove unused imports and functions

front/src/App.vue

@@ -25,6 +25,7 @@ const Sidebar = defineAsyncComponent(() => import('~/components/Sidebar.vue'))
 const Queue = defineAsyncComponent(() => import('~/components/Queue.vue'))
 import { useLocalStorage } from '@vueuse/core'
 import { useLocalStorage, useStyleTag, useIntervalFn, useToggle, useWindowSize } from '@vueuse/core'
+import { useLocalStorage, useStyleTag, useIntervalFn, useToggle } from '@vueuse/core'
 
 const logger = useLogger()
 logger.debug('App setup()')
@@ -54,10 +55,6 @@ watchEffect(() => {
 })
 
 // Styles
-const customStylesheets = computed(() => {
-  return store.state.instance.frontSettings.additionalStylesheets ?? []
-})
-
 useStyleTag(computed(() => store.state.instance.settings.ui.custom_css.value))
 
 // Fake content
@@ -73,11 +70,9 @@ useIntervalFn(() => {
 }, 1000 * 60)
 
 // Shortcuts
-const [showShortcutsModal, toggleShortcutsModal] = useToggle(false)
+const [_, toggleShortcutsModal] = useToggle(false)
 onKeyboardShortcut('h', () => toggleShortcutsModal())
 
-const { width } = useWindowSize()
-
 // Fetch user data on startup
 // NOTE: We're not checking if we're authenticated in the store,
 //       because we want to learn if we are authenticated at all

front/src/components/Sidebar.vue

@@ -3,7 +3,7 @@ import type { RouteRecordName } from 'vue-router'
 
 import { computed, ref, watch, watchEffect, onMounted } from 'vue'
 import { setI18nLanguage, SUPPORTED_LOCALES } from '~/init/locale'
-import { useCurrentElement } from '@vueuse/core'
+// import { useCurrentElement } from '@vueuse/core'
 // import { setupDropdown } from '~/utils/fomantic'
 import { useRoute } from 'vue-router'
 import { useStore } from '~/store'

front/src/components/audio/PlayButton.vue

@@ -2,7 +2,7 @@
 import type { Track, Artist, Album, Playlist, Library, Channel, Actor } from '~/types'
 import type { PlayOptionsProps } from '~/composables/audio/usePlayOptions'
 
-import { ref, computed, onMounted } from 'vue'
+import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import usePlayOptions from '~/composables/audio/usePlayOptions'
 import useReport from '~/composables/moderation/useReport'

front/src/components/library/TrackBase.vue

@@ -18,7 +18,6 @@ import PlayButton from '~/components/audio/PlayButton.vue'
 import Button from '~/components/ui/Button.vue'
 import Popover from '~/components/ui/Popover.vue'
 import PopoverItem from '~/components/ui/popover/PopoverItem.vue'
-import DangerousButton from '~/components/common/DangerousButton.vue'
 
 import updateQueryString from '~/composables/updateQueryString'
 import useErrorHandler from '~/composables/useErrorHandler'

front/ui-docs/components/ui/popover.md

@@ -29,7 +29,7 @@ const alert = (message: string) => window.alert(message)
 // Menu controls
 
 const emptyMenu = ref(false)
-const separator = ref(false)
+// const separator = ref(false)
 const singleItemMenu = ref(false)
 const checkboxMenu = ref(false)
 const radioMenu = ref(false)

front/vite.config.ts

@@ -12,7 +12,7 @@ import VueMacros from 'unplugin-vue-macros/vite'
 import { nodePolyfills } from 'vite-plugin-node-polyfills'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
-const port = +(process.env.VUE_PORT ?? 8080)
+// const port = +(process.env.VUE_PORT ?? 8080)
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => ({