[web] Streamline naming of components

This commit is contained in:
Alain Nussbaumer 2025-03-15 10:36:17 +01:00
parent 6481d6f0ee
commit a968401d9f
2 changed files with 5 additions and 5 deletions

View File

@ -12,7 +12,7 @@
:show="showUpdateDialog" :show="showUpdateDialog"
@close="showUpdateDialog = false" @close="showUpdateDialog = false"
/> />
<notification-list v-show="!showBurgerMenu" /> <list-notifications v-show="!showBurgerMenu" />
<navbar-bottom /> <navbar-bottom />
<div <div
v-show="showBurgerMenu || showPlayerMenu" v-show="showBurgerMenu || showPlayerMenu"
@ -22,11 +22,11 @@
</template> </template>
<script> <script>
import ListNotifications from '@/components/ListNotifications.vue'
import ModalDialogRemotePairing from '@/components/ModalDialogRemotePairing.vue' import ModalDialogRemotePairing from '@/components/ModalDialogRemotePairing.vue'
import ModalDialogUpdate from '@/components/ModalDialogUpdate.vue' import ModalDialogUpdate from '@/components/ModalDialogUpdate.vue'
import NavbarBottom from '@/components/NavbarBottom.vue' import NavbarBottom from '@/components/NavbarBottom.vue'
import NavbarTop from '@/components/NavbarTop.vue' import NavbarTop from '@/components/NavbarTop.vue'
import NotificationList from '@/components/NotificationList.vue'
import ReconnectingWebSocket from 'reconnectingwebsocket' import ReconnectingWebSocket from 'reconnectingwebsocket'
import { useConfigurationStore } from '@/stores/configuration' import { useConfigurationStore } from '@/stores/configuration'
import { useLibraryStore } from '@/stores/library' import { useLibraryStore } from '@/stores/library'
@ -44,11 +44,11 @@ import webapi from '@/webapi'
export default { export default {
name: 'App', name: 'App',
components: { components: {
ListNotifications,
ModalDialogRemotePairing, ModalDialogRemotePairing,
ModalDialogUpdate, ModalDialogUpdate,
NavbarBottom, NavbarBottom,
NavbarTop, NavbarTop
NotificationList
}, },
setup() { setup() {
return { return {

View File

@ -23,7 +23,7 @@
import { useNotificationsStore } from '@/stores/notifications' import { useNotificationsStore } from '@/stores/notifications'
export default { export default {
name: 'NotificationList', name: 'ListNotifications',
setup() { setup() {
return { notificationsStore: useNotificationsStore() } return { notificationsStore: useNotificationsStore() }
} }