Интересный способ как отследить изменения в слоте

<script setup lang="ts">
import { ref, onMounted, onBeforeUnmount } from "vue";

const slotElement = ref(null);
const observer = ref(null);
const update = () => {
  console.log("UPDATE");
};

onMounted(() => {
  observer.value = new MutationObserver(update);
  observer.value.observe(slotElement.value, 
  { 
    childList: true, subtree: true 
  });
});

onBeforeUnmount(() => {
  if (observer.value) {
    observer.value.disconnect();
  }
});
</script>

<template>
  <div ref="slotElement">
    <slot />
  </div>
</template>

Кстати Вуй решил серьёзно заняться переводами доки на другие языки, даже аккунт в твиттере создали под это дело

На сайте `Vue FAQ` появился новый раздел - Arty-Crafty

Там будет создаваться онлайн магазин на Vue 3 с описанием того, как это делается. Своего рода туториал. Еще один open source проект.
Подробнее - на вводной странице.

#vue #console
By Michał Kuncio

[Vue3] Создание многоразового модального компонента

https://fadamakis.com/vue3-creating-a-reusable-modal-component-ac4adbe88a18

Браузерная игра на three.js и Vue.js
https://tres-the-aviator.enpitsulin.xyz/

Надо сбивать красные камни, чтобы спасти мир от разрушения астероидами

#game #threejs

Стабилку VueFire выкатили
https://firebase.blog/posts/2023/12/vuefire-nuxt-is-now-stable

После совместного решения с администрацией @vuejs_ru и @vuejs_jobs, создана Telegram группа для обсуждения Vue.js пет проектов, стартапов, поиска исполнителей, партнеров, менторов и всего остального околовьюшного, не проходящего в форматы вышеуказанных групп.

@vuejs_playground

Правила группы в закрепе.

#telegram #news #playground

Народ, вот стало интересно, а приведите пожалуйста примеры использования <Teleport /> в Vue 3, исключая примеры с модалками

Vue.js Nation конференция началась с часовой рекламы курсов и сертификаций (скоро появится по Nuxt и JS)

Затем Evan You отвечал на вопросы ведущей:

- Поддержка TypeScript во Vue 3 нормальная
- В феврале будет Vuenniversary - 10 лет Vue
- В 3.5 и 3.6 изменения будут небольшие, типа сomponent types и uuid для SSR
- Во второй половине года объявит о чем-то интересном (exciting)
- Если Signals будут стандартизованы, то Vue может использовать это
- Elk (клиент Mastodon) - пример крутого нетривиального приложения на Vue (Nuxt)
- Vue украл был вдохновлен разными моментами в Angular 1, React, Knockout, Svelte
- Options API убирать не собираются
- Evan сомневается, что React идет куда-то туда с RSC
- Объяснил, почему не рекомендуется мутировать пропс-объект (не так явно видно, кто и как его меняет)
- VitePress 1.0.0 готов, но в конце декабря они погрязли в другой работе и не релизнулись. Скоро выпустят с фанфарами.
- AI сильно фронтенд не изменит в ближайшем времени. Пока это просто помощник

#evanyou #vuejsnation