Проблема с vuejs и кнопкой обновления браузера ⇐ CSS

[Anonymous]

Снимок экрана изображения, я работаю над Safari vuejs 3 и боковой панелью с компонентом контента Content-Component. Но когда вы постоянно нажимаете кнопку обновления страницы в браузере, весь контент появляется и быстро исчезает

Добро пожаловать на страницу 1 Добро пожаловать на страницу 2 Добро пожаловать на страницу 3 Добро пожаловать на страницу 4 Добро пожаловать на страницу 5 [*] Аккаунт [*] Уведомления [*] Пароль [*] Пользователи [*] Адрес const app = Vue.createApp({ данные() { возвращаться { selectedMenuItem: 'меню1' }; }, методы: { handleMenuClick (menuItem) { this.selectedMenuItem = MenuItem; // Добавляем любую дополнительную логику, связанную с щелчками по меню }, } }); app.comComponent('content-comment', { реквизит: ['title'], шаблон: ` {{ title }} ` }); app.mount('#приложение'); document.addEventListener("DOMContentLoaded", function () { // удаление активной кнопки после выбора constlinks = document.querySelectorAll(".wdc-btn "); linkeds.forEach(btn => btn.addEventListener("click", (e) => { е.preventDefault(); document.querySelector(".wdc-btn.active").classList.remove("активный"); btn.classList.add("активный") })); document.getElementById("sidebar-close-toggle").addEventListener("click", function () { document.getElementById("_sidebar").classList.remove("sidebar-active"); document.getElementById("toggleIconPath").setAttribute("d", "M 825"); }); }); Я хочу, чтобы весь контент не отображался при нажатии кнопки обновления страницы. Я хочу знать, почему весь контент появляется, когда вы постоянно нажимаете кнопку обновления страницы.

пожалуйста, помогите мне решить эту проблему,