refactor(sidebar)!: rename Sidebar to AppSidebar

Vue.js components should have multi-word names.
This commit is contained in:
2026-08-09 13:09:39 +02:00
committed by Gitea
parent 7262024b78
commit c2a4ac77c7
2 changed files with 3 additions and 3 deletions
+3 -3
View File
@@ -15,7 +15,7 @@ limitations under the License.
--> -->
<script setup> <script setup>
import Sidebar from '@/features/sidebar/components/Sidebar.vue'; import AppSidebar from '@/features/sidebar/components/AppSidebar.vue';
import SidebarExpandButton from '@/features/sidebar/components/SidebarExpandButton.vue'; import SidebarExpandButton from '@/features/sidebar/components/SidebarExpandButton.vue';
import { ref } from 'vue'; import { ref } from 'vue';
@@ -39,9 +39,9 @@ const toggleSidebar = function toggleSidebar() {
<div class="sidebar-expand-button-container"> <div class="sidebar-expand-button-container">
<SidebarExpandButton class="sidebar-expand-button" @click="toggleSidebar" /> <SidebarExpandButton class="sidebar-expand-button" @click="toggleSidebar" />
</div> </div>
<Sidebar @toggle-expanded="toggleSidebar" :expanded="expanded" class="sidebar"> <AppSidebar @toggle-expanded="toggleSidebar" :expanded="expanded" class="sidebar">
<slot name="sidebar" :toggleSidebar="toggleSidebar" /> <slot name="sidebar" :toggleSidebar="toggleSidebar" />
</Sidebar> </AppSidebar>
<main class="main-content"> <main class="main-content">
<slot :toggleSidebar="toggleSidebar" /> <slot :toggleSidebar="toggleSidebar" />
</main> </main>