Душный Вуй
743 subscribers
153 photos
5 videos
4 files
353 links
Немного душные, но ламповые заметки о Vue.js
#vuejs #vue #nuxt #vuex #pinia #вью #vapor
Download Telegram
Короче хз надо кому нет, но заметил что часто спрашивают, как в Nuxt 3 сделать nuxtServerInit из второго накста, ну так всё просто:
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
Так, ребятки, вопрос.
У меня в компонент есть 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
Ребята с премиумом, обновите тележку и бустанике на халяву наш канал пажалста 🙏🎉

https://t.me/stuffy_vuejs?boost
Please open Telegram to view this post
VIEW IN TELEGRAM
vue-faq.org — FAQ о фронтенде в целом и Vue в частности (этот проект крайне специфичный и транслирует мнения конкретно одного человека)

И я кстати хз почему комментарии под этим постом не работают, а под другими работают, Дуров ты чиво наделал?

https://habr.com/ru/articles/760636/
#nuxt3 #vue3 #nuxt #vue #wysiwyg

Nuxt 3, Vue 3, CKEditor и прочие WYSIWYG

https://habr.com/ru/articles/763252/
Обновление Nuxt до 3.7.4
Но ничего критичного, просто фиксы

https://github.com/nuxt/nuxt/releases
#nuxt #wallpaper

Там выкатили новые обои для Накста)) я сначала не понял, а потом снял очки и понял)
#nuxt #uikit

Возможно все в курсе, но я не знал что у Nuxt есть отдельный UI Kit 🤔

https://ui.nuxt.com/