home.social

#vue3 — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #vue3, aggregated by home.social.

  1. While we're hanging out in the hotel so my wife can work for the day, I took the opportunity to finish up a big big release for the Recommendinator bumping it up to 0.6.0. It doesn't change much from a visual or usage perspective, but I switched it completely from single file html/css/js to using #Vue3 and put an #a11y pass on the entire thing to try and keep it at WCAG 2.1 AA standard. This will also allow me to make future updates significantly easier and also gave me an opportunity to cover the frontend in better tests.

    I also added a ton of Github issues for things I'd been storing in a note on my phone to give an idea of what's coming soon-ish. If there's something you want it to see, add an issue there and I'll try and get to it!

    Next thing I plan on tackling is converting the release process over to shipping a docker container so you don't have to do things like git pull, or manually download releases. That should be a nice quality of life upgrade for my testers out there!

    github.com/therealahall/recomm

  2. Vue.js Amsterdam 2026: будущее экосистемы Vite

    Недавно в Амстердаме прошла конференция Vue.js Amsterdam 2026 — ежегодное мероприятие, посвящённое экосистеме Vite и современным инструментам фронтенд-разработки. В этом году программа оказалась особенно насыщенной. Команда экосистемы показала сразу несколько направлений развития: обновления ключевых инструментов, новые эксперименты в архитектуре фронтенд-фреймворков и попытку собрать полноценную платформу разработки вокруг Vite. В этой статье разберём основные анонсы конференции: Vite 8 , Vite+ , Void Cloud , а также обновления Vue и Nuxt .

    habr.com/ru/companies/first/ar

    #vue #vuejs #vite #rolldown #nuxt #nuxtjs #vue3 #vapor #javascript

  3. Vue3 is a breath of fresh air compared to React, no vuex just inject()

    #vue3

  4. I wish there was something like Filament PHP but using Inertia.

    Currently using Nuxt UI v4, and while it slaps, I'm kind of tired of so much plumbing for things that Filament PHP offers you out-of-the-box.

    Yeah, I'm sill recommending Filament PHP.

    #Programming #PHP #Laravel #Filament #FilamentPHP #InertiaJS #Inertia #JavaScript #Frontend #SoftwareDevelopment #WebDevelopment #WebDev #Vue #Vue3 #NuxtUI #Nuxt

  5. Vue 2 reached End of Life (EOL) on December 31st, 2023. Are you still running #Vue2 in production?

    Check out our article on upgrading to #Vue3: 10 Steps to Migrate from Vue 2 to Vue 3 👉 go.upgradejs.com/pmq

    #VueJS #JavaScript #TechDebt #DevSecOps #InfoSec

  6. I just rolled out major updates to both the front-end and back-end of database.fathomnet.org. 😱

    #quarkus #vue3

  7. Что нового на Kapi.bar за год: фичи, правки и немного философии

    Очень часто проекты, в разработку которых на самом старте были вложены большие суммы, оказываются никому не нужными и исчезают в бесчисленных закоулках и в бездонных глубинах интернета. Но порой, проекты, которые изначально делаешь «на коленке», неожиданно вырастают в нечто большее — в уютное, живое сообщество, где важнее не продажи, метрики, трафик и не лайки, а возможность делиться, обсуждать и просто быть собой. Именно таким проектом за последний год стала наша Капибара . Kapi.bar появился как независимая платформа. Без бюджета, без офисов, без KPI. Мы просто хотели сделать альтернативу известному ресурсу, которой будет не просто приятно пользоваться, а где ты можешь напрямую влиять на то, какой контент становится популярным, а какой нет. Вы наверное помните, что последней каплей, переполнившей чашу нашего терпения стало полное уничтожение честной рейтинговой системы на том ресурсе, где мы все ранее зависали и за этот год оказалось, что нас таких — не один и не два, нас целое сообщество. И это невероятно вдохновляет! За этот год в Kapi.bar многое поменялось. Мы добавили десятки фич, вычистили не один баг (правда ранее сами‑же их и допустили, но кто не ошибается), наконец начали разбираться с SEO, провели тихую, но упорную работу над повышением стабильности системы. И, что немаловажно — начали глубоко размышлять над философией Капибары и формулировать, кто мы вообще такие, для чего всё это и почему эта история — не только про код. Эта статья — не рекламный релиз и не набор bullet‑поинтов из changelog. Мы просто хотим рассказать, что произошло за год. Что стало лучше, что сломалось и было починено. И да, немного про поисковики тоже будет — с ними, как оказалось, тоже можно подружиться.

    habr.com/ru/articles/932052/

    #вебразработка_и_программирование #социальные_сети #стартапы #интерфейсы #капибара #Вебпроект_без_бюджета #opensourse #python #vue3

  8. Vue 2 в 2025: какие паттерны стоит забыть, а какие – оставить

    Vue 2 в 2025 году официально стал legacy, но множество проектов всё ещё работают на нём. Миграция на Vue 3 не всегда возможна сразу, поэтому важно правильно поддерживать и модернизировать старый код. В этой статье разберём: Устаревшие паттерны, от которых лучше избавиться. Проверенные подходы, которые остаются актуальными. Альтернативы из Vue 3, которые можно адаптировать уже сейчас

    habr.com/ru/articles/928578/

    #vue3 #pinia #typescript #javascript #vue2 #vue27

  9. Major version #Shopware 6.7.0.0 has been released recently including support for #vue3, webpack to #Vite migration in admin and a reworked cache system for better #performance developer.shopware.com/release

  10. [Перевод] Паттерны проектирования Composable в Vue

    Если вы уже освоили основы написания Composable в Vue, то следующий шаг — собрать коллекцию лучших и самых полезных паттернов, расширив свой инструментарий для решения задач. В этой статье мы рассмотрим семь различных паттернов для написания более эффективных Composable.

    habr.com/ru/articles/904818/

    #composable #composable_architecture #composables #vuejs #vue #vue3 #vuejs #патерны

  11. Как Canvas украсил QIC

    Всем привет! Меня зовут Виген Мовсисян, я Frontend-разработчик в QIC digital hub. В этой статье я расскажу, как мы внедрили технологию Canvas, какие задачи он помогает решать, что уже успели сделать и какие у нас планы на будущее. Материал основан на моём докладе с QIC Tech Meetup, полную запись вы можете найти на YouTube . Если говорить коротко, Canvas — это «холст», который позволяет рисовать и добавлять интерактивность, давая пользователям возможность напрямую взаимодействовать с графическими элементами. В статье я буду ссылаться на этот проект , чтобы проиллюстрировать все описанные ниже возможности Canvas. *В текущей версии отсутствует кнопка «Назад» — для возврата в предыдущий раздел воспользуйтесь стандартной кнопкой браузера. Итак, начнём погружение в удивительный мир возможностей Canvas.

    habr.com/ru/articles/904268/

    #javascript #typescript #html #canvas #vue #vue3

  12. Chotto UI — набор компонентов для чатов на Vue3

    Пытаясь подражать слогу классика, можно сказать, что "все чаты в целом одинаковы, но каждый реализует что-то свое". так ли это? посмотрим. TL, DR: далее рассказываю, что мы делаем свой UI набор компонентов для чата, даю ссылки и приглашаю присоединяться к проекту.

    habr.com/ru/articles/903550/

    #vue #vue3 #chat #components #сезон_open_source

  13. Рецензия на книгу “Изучаем Vue: основные концепции и практические паттерны”

    Книга « Изучаем Vue: основные концепции и практические паттерны для современных и масштабируемых пользовательских интерфейсов » — это сжатое практическое руководство по Vue.js, ориентированное на уже практикующих разработчиков, работающих над созданием интерфейсов. Автор книги, Майя Шавин — старший инженер-программист в Salesforce (ранее в Microsoft), специализирующаяся на JavaScript и frontend-фреймворках. Наличие примеров и акцента на переиспользуемость компонентов дает разработчикам подсказки как строить масштабируемые и поддерживаемые интерфейсы. ***

    habr.com/ru/companies/ssp-soft

    #vue #vuejs #vue3 #vue_30 #vuejs #книга_по_vue #hfphf #разработка_на_Vue

  14. I am probably holding them wrong!

    This time I tried writing a web app not in but + (python) and ( javascript). It kind of works well but refactoring is a nightmare.

    In the beginning, it felt like I was having the best of both worlds -- Python and Vue3. Dev speed was good. Now maintaining and refactoring make me feel like I am having the worst of both worlds.

    As a single dev, I should have stayed with !

  15. Создание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 2 — VueJS3 + Centrifugo с монетизацией приложения

    В первой части мы построили бэкенд на FastAPI, Aiogram, Redis и Centrifugo, заложив основу для анонимного чата в Telegram. Теперь пришло время развернуть фронтенд и создать стильный и отзывчивый интерфейс с использованием VueJS 3 в формате Telegram MiniApp. В этой статье мы: - Разработаем интерактивный UI с фильтрами поиска, анимациями загрузки и real-time чатом. - Настроим мгновенный обмен сообщениями через Centrifugo без лишних запросов к серверу. - Интегрируем монетизацию для заработка на рекламе в приложении. - Выполним деплой на удаленный сервер и подготовим проект к продакшену. Если вы хотите создать быстрый, удобный и монетизируемый анонимный чат в Telegram, который работает без задержек и перезагрузок, — эта статья для вас!

    habr.com/ru/companies/amvera/a

    #telegram_mini_app #telegram_webapp #vuejs #vue3 #vuejs3 #centrifuge #centrifugo_v6 #websocket #centrifugo #vuetg

  16. Svelte5: the "next-gen" framework that desperately wants to be #Vue3 😅, but ends up being the awkward cousin at the family reunion 👀. Meanwhile, GitHub's relentless tab shuffle game continues to keep developers' attention span at a record low. 🤦‍♂️
    gist.github.com/rxliuli/c88619 #Svelte5 #GitHub #Developers #AttentionSpan #HackerNews #ngated

  17. Blog: Nuxt 3 public files
    Remember, if you have set a srcDir, your public directory needs to be within that srcDir. That’s all. …
    #Nuxt3 #PublicFiles #StaticFiles #vue3
    bramesposito.com/blog/2025/03/

  18. Он вам не SSR. Nuxt — больше, чем Server-Side Render фреймворк

    Привет, Хабр! Я - Frontend Developer в МТС Диджитал. Все чаще и чаще я натыкаюсь на сообщения и комментарии пользователей в различных социальных сетях про Server-Side Rendering. Обычно эти жалобы о том, кто-то недоволен зависимостью Next.js от Node.js-сервера. Кто-то сталкивается с ограничениями динамического роутинга при статической генерации. Исходя из этого некоторые люди писали в комментариях что-то вроде: "Вы же не ожидали, что SSR-фреймворк решит все проблемы разом?" Большинство моих коллег с других компаний в принципе не понимают зачем я беру Nuxt почти во все свои проекты и задают вопросы. На первый взгляд это вполне логично. Какой смысл брать SSR фреймворк, если ты выключаешь в нем SSR. На примере Nuxt, SSR можно выключить одним булевым флагом в конфиге:

    habr.com/ru/articles/888356/

    #nuxt #vue #javascript #typescript #serverside #ssr #nuxtjs #vuejs #vue3

  19. FastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем фронтенд

    Друзья, приветствую! Наконец-то дошли руки до описания второй части нашего большого проекта по работе с выдуманной клиникой «Здоровье Плюс». Я напоминаю, что в рамках этой небольшой серии мы создаем телеграм-бота с MiniApp, основная задача которого — дать пользователям возможность записаться к врачу в удобный день и время. В прошлой части мы полностью закрыли вопрос логики нашего бота. Сегодня мы займемся написанием фронтенда для нашего Telegram MiniApp с использованием современного JS фреймворка Vue.JS 3. К концу статьи мы реализуем полноценный реактивный фронтенд, который одинаково хорошо будет смотреться, как в формате веб-сайта (мобильная и пк-версия), так и в формате Telegram MiniApp.

    habr.com/ru/companies/amvera/a

    #vuejs #vue3 #typescript #api #vuejs_api #vuejs3 #tailwind #tailwind_css #vue_tailwind #javascript

  20. I'm currently working on a drag-and-drop library for lists in Vue 3 with smooth and fluid animations called Vue Fluid DnD github.com/carlosjorger/vue-fl. It is based on the animations from React Beautiful DnD and the FormKi Drag and Drop api.

    #vue

    #library

    #drag-and-drop

    #draggable

    #javascript

    #vue3

    vue-fluid-dnd.netlify.app/

  21. Полезные чипсы с Vue 3 Composition API: Создание адаптивного компонента с фильтрацией и множественным выбором

    Современные пользовательские интерфейсы требуют высокой интерактивности и удобства взаимодействия. В этой статье поговорим о том, как реализовать мощный, адаптивный компонент мульти-выбора на основе Vue 3 Composition API. ChipsMultiSelect — это компонент, который объединяет возможности выпадающего списка, визуализации выбора в виде "чипсов" и встроенной фильтрации. Выбранные элементы отображаются в виде “чипсов”

    habr.com/ru/articles/863210/

    #contenteditable #vue3 #composition_api #javascript #css #vue_component

  22. Полезные чипсы с Vue 3 Composition API: Создание адаптивного компонента с фильтрацией и множественным выбором

    Современные пользовательские интерфейсы требуют высокой интерактивности и удобства взаимодействия. В этой статье поговорим о том, как реализовать мощный, адаптивный компонент мульти-выбора на основе Vue 3 Composition API. ChipsMultiSelect — это компонент, который объединяет возможности выпадающего списка, визуализации выбора в виде "чипсов" и встроенной фильтрации. Выбранные элементы отображаются в виде “чипсов”

    habr.com/ru/articles/863210/

    #contenteditable #vue3 #composition_api #javascript #css #vue_component

  23. Полезные чипсы с Vue 3 Composition API: Создание адаптивного компонента с фильтрацией и множественным выбором

    Современные пользовательские интерфейсы требуют высокой интерактивности и удобства взаимодействия. В этой статье поговорим о том, как реализовать мощный, адаптивный компонент мульти-выбора на основе Vue 3 Composition API. ChipsMultiSelect — это компонент, который объединяет возможности выпадающего списка, визуализации выбора в виде "чипсов" и встроенной фильтрации. Выбранные элементы отображаются в виде “чипсов”

    habr.com/ru/articles/863210/

    #contenteditable #vue3 #composition_api #javascript #css #vue_component

  24. Полезные чипсы с Vue 3 Composition API: Создание адаптивного компонента с фильтрацией и множественным выбором

    Современные пользовательские интерфейсы требуют высокой интерактивности и удобства взаимодействия. В этой статье поговорим о том, как реализовать мощный, адаптивный компонент мульти-выбора на основе Vue 3 Composition API. ChipsMultiSelect — это компонент, который объединяет возможности выпадающего списка, визуализации выбора в виде "чипсов" и встроенной фильтрации. Выбранные элементы отображаются в виде “чипсов”

    habr.com/ru/articles/863210/

    #contenteditable #vue3 #composition_api #javascript #css #vue_component

  25. Vue 3 в деле: Как мы обновили большой внутренний сервис и что из этого вышло

    Привет, Хабр! Меня зовут Егор Прокопьев, и я фронтенд-разработчик в Ozon. Третья версия полюбившегося многими фреймворка Vue вышла уже давно, и большинство использующих его произвели обновление до новой версии. Но всегда будут такие, как наша команда, кто откладывал этот переход в дальний ящик техдолга — ведь есть более приоритетные задачи! Однако рано или поздно этот день настаёт, и вот и для нас он пришёл. В этой статье я хочу рассказать, как мы переходили на новую версию при том, что сервис является достаточно большим и очень важным для пользователей. Но обо всём по порядку.

    habr.com/ru/companies/ozontech

    #vue3 #nuxt #ozon #ozon_tech #frontend #frontendразработка #pinia

  26. For my #school teacher I once created an application to #visualize #sorting #algorithms.

    Over the last days I added a new feature to improve the visualization and also completely rewrote it to #vue3 and #vite

    shinigami92.github.io/visualis

  27. this year #vue2 will reach end of life. Time to switch to #vue3 if you haven't done yet ;-) #vue

    blog.vuejs.org/posts/vue-2-eol

  28. I am currently experimenting to combine #vue3 #composables with @openlayers
    if anyone is doing something similar, let me know
    #vue #gischat #webdev

  29. I released github.com/Shinigami92/vite-pl and now support #esm aside from #cjs
    But it only works up to #typescript v4.9 ⚠️

    Luckily #vue3 has now much better #typescript support for #watch via #compositionapi, so you might not need it anyway anymore

    Please open issues if you are running into issues

  30. Urgh, there are a gazillion monaco-editor-vue3 packages on npm.

    How should you find the right one?

    Does anyone have a recommendation?

    Or maybe a lighter-weight alternative to monaco?

    Edit: @niklaskorz has recommended #CodeMirror, which looks great! Thank you! ❤️

    npmjs.com/package/vue-codemirr

    #npm #Vue #VueJS #Vue3 #JavaScript #MonacoEditor

  31. Looking for #Laravel development #job in Germany.
    Ich spreche Deutsch auf mittlerem Niveau, aber meine Hauptsache ist Englisch.
    5 years industry experience in #php7 #vue3 #Laravel #git #agileDev #docker #aws #bash #es6 and always looking to learn more. Basic training in #ui #ux design, and currently working with #IONIC5 #ionicVue and #capacitor.
    Looking for remote opportunities leading to sponsorship and emigration to Germany.

    Humble, Hard worker, forthcoming and honest. Total imposter syndrome sometimes.

    #lookingForWork