Вот тут расписано поподробнее про эту тему
https://habr.com/ru/articles/735086/
https://habr.com/ru/articles/735086/
Хабр
Представляем вам Vue 3.3
Эта статья — перевод оригинальной статьи " Announcing Vue 3.3 ". Также я веду телеграм канал “ Frontend по-флотски ”, где рассказываю про интересные вещи из мира разработки интерфейсов. Вступление...
Короче хз надо кому нет, но заметил что часто спрашивают, как в Nuxt 3 сделать nuxtServerInit из второго накста, ну так всё просто:
1. Создаём в папочке plugins файл init.server.ts (тут .server скажет наксту что этот плагин нужно юзать только на сервере)
2. И там собственно пишем
1. Создаём в папочке plugins файл init.server.ts (тут .server скажет наксту что этот плагин нужно юзать только на сервере)
2. И там собственно пишем
export default defineNuxtPlugin((ctx) => {
// и тут как обычно код вашего nuxtServerIniti
})
Нужен стор, например Pinia? Нет ничего прощеexport default defineNuxtPlugin(({$pinia}) => {
const {someAction, someStateVariable} = useMyStore($pinia)
})
Карочи ребятки, я тут переписал и обновил свой плагин для Vue 3, и сделал отдельный для Vue 2. Конечно Issues, PR и вообще всё такое приветствуется (ну ставьте звёздочки пажалста ну чё вы как эти), мы же OpenSource как никак ❤️
Vue 3: https://github.com/vaban-ru/vue-bottom-sheet
Vue 2: https://github.com/vaban-ru/vue-bottom-sheet-vue2
Vue 3: https://github.com/vaban-ru/vue-bottom-sheet
Vue 2: https://github.com/vaban-ru/vue-bottom-sheet-vue2
GitHub
GitHub - vaban-ru/vue-bottom-sheet: 🔥 A nice clean and touch-friendly bottom sheet component based on Vue.js and Hammer.js for…
🔥 A nice clean and touch-friendly bottom sheet component based on Vue.js and Hammer.js for Vue 3 - vaban-ru/vue-bottom-sheet
Так, ребятки, вопрос.
У меня в компонент есть 2 метода, я указываю, что они публичные через
Вопрос: как дать понять Вую и ТСу, что у этой рефки есть такие методы?
У меня в компонент есть 2 метода, я указываю, что они публичные через
defineExpose({ open, close })
Затем, что бы вызвать методы этого компонента я беру его рефку и вызываю их, типа:<template>
<my-component ref="myComponent" />
</template>
<script setup lang="ts">
const myComponent = ref(null)
myComponent.value?.open()
</script>
И вот тут мне TS подсвечивает что таких методов у рефки конечно нет. Вопрос: как дать понять Вую и ТСу, что у этой рефки есть такие методы?
То есть, мне нужно в дженерик рефки закинуть <что-то>, что бы вуй понял что там есть методы, но что?
✨ Nuxt 3.7.1
🚀 Улучшения производительности
- слегка уменьшился размер бандла
- предотвращен повторный рендеринг секции head в DOM
🩹 Исправления ошибок
📖 Обновление документации
https://github.com/nuxt/nuxt/releases/tag/v3.7.1
🚀 Улучшения производительности
- слегка уменьшился размер бандла
- предотвращен повторный рендеринг секции head в DOM
🩹 Исправления ошибок
📖 Обновление документации
https://github.com/nuxt/nuxt/releases/tag/v3.7.1
GitHub
Release v3.7.1 · nuxt/nuxt
3.7.1 is a regularly scheduled patch release.
✅ Upgrading
As usual, our recommendation for upgrading is to run:
nuxi upgrade --force
This will refresh your lockfile as well, and ensures that you p...
✅ Upgrading
As usual, our recommendation for upgrading is to run:
nuxi upgrade --force
This will refresh your lockfile as well, and ensures that you p...
Подвезли обновку на Nuxt кстати, за новость пасиба @ibochkarev
https://github.com/nuxt/nuxt/releases/tag/v3.7.2
https://github.com/nuxt/nuxt/releases/tag/v3.7.2
GitHub
Release v3.7.2 · nuxt/nuxt
3.7.2 is a regularly scheduled patch release.
✅ Upgrading
As usual, our recommendation for upgrading is to run:
nuxi upgrade
👉 Changelog
compare changes
🩹 Fixes
nuxt: Scroll to top by default on ...
✅ Upgrading
As usual, our recommendation for upgrading is to run:
nuxi upgrade
👉 Changelog
compare changes
🩹 Fixes
nuxt: Scroll to top by default on ...
Ребята с премиумом, обновите тележку и бустанике на халяву наш канал пажалста 🙏🎉
https://t.me/stuffy_vuejs?boost
https://t.me/stuffy_vuejs?boost
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
Душный Вуй
Проголосуйте за канал, чтобы он смог публиковать истории.
vue-faq.org — FAQ о фронтенде в целом и Vue в частности (этот проект крайне специфичный и транслирует мнения конкретно одного человека)
И я кстати хз почему комментарии под этим постом не работают, а под другими работают, Дуров ты чиво наделал?
https://habr.com/ru/articles/760636/
И я кстати хз почему комментарии под этим постом не работают, а под другими работают, Дуров ты чиво наделал?
https://habr.com/ru/articles/760636/
Хабр
Vue-faq.org — FAQ о фронтенде в целом и Vue в частности
https://vue-faq.org - попытка охватить наиболее часто задаваемые в профильных чатах и конференциях вопросы о фронтенде в целом и Vue.js фреймворке в частности. FAQ постоянно обновляется, текущий...
#nuxt #uikit
Возможно все в курсе, но я не знал что у Nuxt есть отдельный UI Kit 🤔
https://ui.nuxt.com/
Возможно все в курсе, но я не знал что у Nuxt есть отдельный UI Kit 🤔
https://ui.nuxt.com/
#nuxt #nuxt3
Тут @zohan333 написал про странный ишью в 3 наксте, при котором у многих vue работает в дев режиме на проде, гляньте народ
https://github.com/nuxt/nuxt/issues/23402
Тут @zohan333 написал про странный ишью в 3 наксте, при котором у многих vue работает в дев режиме на проде, гляньте народ
https://github.com/nuxt/nuxt/issues/23402
GitHub
NODE_ENV explicitly specified · Issue #23402 · nuxt/nuxt
Describe the feature I have experienced that when running a build project using node ./.output/server/index.mjs vue.js was running in dev mode, because if you don't define NODE_ENV=production n...