Вам же размер важен а не то как выглядит.так эти иконки у меня и так есть и ничего для этого качать не нужно. чтобы то что вы говорите отображалось в правильном размере нужно включить "Only standard icons" (на скрине), но тогда и все остальные иконки поменяются, на это стандартное, а оно мне не надо. Как я понял это баг, потерялась где-то стандартная иконка нужного размера, осталось только найти где она должна быть и просто скопировать из 20.04, например
<img :src="`/src/assets/img/icon-${social}.svg`" :alt="social" class="button-social-image">"content":{
"small":"<img src=\"src/assets/img/hall-1.svg\" alt=\"зал 1\">",
"big":"<img class=\"halls-scheme__tab-content-image-big\" src=\"src/assets/img/hall-1-big.svg\" alt=\"зал 1\">"
},В vue не должно быть "одноименных" компонентов, чтоб случайно не перекрыть какой-нить новый html6 тег, вот и придумывают всякое:)
Это не является какой-то утверждённой системой, например во многих случаях используется система: Layout - для подобных шаблонов, Page - для конкретных вложенных страниц.
const pagesStore = reactive(JSON.parse(pagesJson));
vue 3: работать ого не может в принципе
тебе следует сделать хранилище твоё реактивным
const pagesKey = 'pages';
const pagesJson = localStorage.getItem(pagesKey);
const pagesStore = JSON.parse(pagesJson);
export default {
getAllPages() {
return pagesStore;
},
getSinglePage(index) {
return pagesStore[index];
},
editPage(index, page) {
pagesStore[index] = page;
localStorage.setItem(pagesKey, JSON.stringify(pagesStore));
},
};{
"link": { "text": "Home", "url": "index.html" },
"pageTitle": "Home page",
"content": "This is the Home content",
"published": true
},{
"id": 1,
"link": { "text": "Home", "url": "index.html" },
"pageTitle": "Home page",
"content": "This is the Home content",
"published": true
},