mstdn.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A general-purpose Mastodon server with a 500 character limit. All languages are welcome.

Administered by:

Server stats:

9.3K
active users

#vue

1 post1 participant0 posts today

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.

do you know vue, quarkus, and/or kotlin? want to work with a weird trans girl on a project? i wanna collab with folks on making a feature-rich self-hostable feed reader! I have a basic prototype rn and I'm wondering if anyone wants to collaborate?

#vue #quarkus #kotlin

(pls don't make fun of my code lol i'm still learning but i think i'm picking stuff up fast)

Нюансы кроссплатформенной разработки на 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.

#vue pro tip that could have saved me an hour's time. To set a default value of a prop with e.g. vue's `useID()` you have to do it this way, otherwise it won't work:

```typescript
const props = withDefaults(defineProps<{
id?: string;
}>(), {
id: () => useId(),
});
```
Only using a function will work.