fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software. If you wish to join, contact us for an invite.

Administered by:

Server stats:

8.8K
active users

#vue

2 posts2 participants0 posts today
Continued thread

Maybe I should take another stab at neovim and getting it set up for front end dev again. Past recent experiences in trying to do the basics of installing a single language server has the usual level of piss poor linux-adjacent documentation that assumes you already live and die by the cli and just magically know what to do where. Not being elitist there, the documentation for getting the official vue lsp into neovim is completely opaque and I don’t want an all in one solution with a bunch of other stuff. I’m aware of lazy.nvim and used it originally, but all I want is the base neovim, and then the clear steps to get started with adding things on to it myself.

Vue: Composables и TS это вам не Mixins и JS. С ними сложнее

Пришел к хитрому паттерну. Делюсь. Будет полезен тем кому нравиться или приходится работать с Vue. В подходящей ситуации он сэкономит кучу времени и поможет избежать дублирования кода. Поехали!

habr.com/ru/articles/927214/

ХабрVue: Composables и TS это вам не Mixins и JS. С ними сложнееПришел к хитрому паттерну. Делюсь. Будет полезен тем кому нравиться или приходится работать с Vue. В подходящей ситуации он сэкономит кучу времени и поможет избежать дублирования кода. Контекст Есть...

I wanted to try out Nuxt 4 since I hear it was just released. I followed the instructions on the Nuxt page

npm create nuxt@latest

But that gave me Nuxt 3.

I think I need to manually change the package.json file to:

"nuxt": "4.0.0-rc.0",

That seems klunky and not the way to encourage people to try the latest.

I shouldn't have spent more than a minute on this.

Нюансы кроссплатформенной разработки на Vue и React

Этот документ — не просто список, а выжимка боли, шишек и неожиданных открытий, с которыми сталкивается почти каждый фронтендер. Неважно, Vue ты выбрал или React, если твое приложение должно работать в браузере на айфоне пятилетней давности — добро пожаловать в клуб. Здесь будет всё: от странностей с Safari до неожиданных проблем с синтетическими событиями. Нюансы мобильных браузеров и PWA iOS Safari не поддерживает Notification API без установки PWA Проблема: На iOS ты не можешь просто вызвать new Notification(...) — API будет недоступно, пока пользователь не установит сайт как PWA на домашний экран. Так же, в Safari просто не будет доступен класс Notification, браузер его просто не имплиментирует на этапе браузерного окна. Решение: - Чтобы проверить можно ли использовать уведомления можно написать следующую проверку: typeof window !== 'undefined' && 'Notification' in window; 🔗 [MDN — Notification API]( developer.mozilla.org/en-US/do ) 🔗 [WebKit — Push Notifications]( webkit.org/blog/12945/meet-web )

habr.com/ru/articles/925732/

The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.
MDN Web DocsNotifications API - Web APIs | MDNThe Notifications API allows web pages to control the display of system notifications to the end user. These are outside the top-level browsing context viewport, so therefore can be displayed even when the user has switched tabs or moved to a different app. The API is designed to be compatible with existing notification systems, across different platforms.

Explicit Resource Management in #JavaScript is very useful for creating semaphores/locks around code. Here's one I just wrote with #vue

There's a ref that contains the lock value, the template binds to "disabled" on the form/button below.

If a lock is established (ie it was false), it is set to true for the duration of the function. If the method is called again while it is still processing, it will be locked and exit early.

Once the processing completes, the lock is automatically released because of the "using" statement at the top!

HTML Builder: визуальный конструктор HTML-структур на Vue 3

HTML Builder — визуальный конструктор HTML-структур с drag-and-drop интерфейсом для библиотеки @vue-dnd-kit /components! 🔹 HTML Builder позволяет создавать HTML-структуры без написания кода 🔹 Включает рабочую область, палитру компонентов, дерево элементов и панель настроек 🔹 Сейчас это ранняя бета с минимальным функционалом, но уже можно оценить концепцию Идеально подходит для создания прототипов и визуальных редакторов CMS. 🔗 Демо: zizigy.github.io/html-builder/ 🔗 GitHub: github.com/ZiZIGY/html-builder Ищу обратную связь по UI/UX и функциональности. Какие фичи хотели бы видеть? Что можно улучшить в интерфейсе? И тд тп.

habr.com/ru/articles/922884/

zizigy.github.ioHTML Builder - @vue-dnd-kit/components

hey fellow devs!

I'd love to implement an accessible Select field for country selection where users can also type a search term.

Would you use a UI library component (tree shakeable, style customizable in best case scenario) like ...

- primevue.org/select/#filter
- ui.nuxt.com/components/select-
- vuetifyjs.com/en/components/au

... or build and maintain it yourself? 🧐

primevue.orgPrimeVue | Vue UI Component LibraryThe ultimate collection of design-agnostic, flexible and accessible Vue UI Components.
#a11y#nuxt#vue

Представляю @vue-dnd-kit/components: Готовые компоненты для быстрой разработки интерфейсов с перетаскиванием

Представляю @vue-dnd-kit /components — готовые компоненты для быстрой разработки drag & drop интерфейсов в Vue 3! 📋 Сортируемые таблицы 📊 Канбан-доски 🌳 Древовидные структуры 🧩 Интерактивные дашборды CLI работает как shadcn/ui — компоненты клонируются в ваш проект, давая полный контроль над кодом. Проект в активной разработке, но уже готов к использованию! Готовые компоненты: Table, Kanban, Tree, Dashboard. Статус: бета, API может изменяться. Подходит для прототипов и активной разработки.

habr.com/ru/articles/920620/

ХабрПредставляю @vue-dnd-kit/components: Готовые компоненты для быстрой разработки интерфейсов с перетаскиваниемПривет, Хабр! Недавно я представил вам Vue DnD Kit — библиотеку для создания интерфейсов с перетаскиванием в Vue 3. Сегодня хочу рассказать о новом пакете vue-dnd-kit/components , который значительно...

It comes to a point in the life cycle of Software that it becomes so big that frameworks that sit on top of it start to appear.

HTML? ActiveX, Flash, JavaScript.
JavaScript? Svelte, React, Angular, Vue
Vue? Nuxt

All of this because one guy decided to transmit "login" and the system crashed after the "o" character. Who would have thought.