sortablejs-vue3
vue-3-playground
Our great sponsors
sortablejs-vue3 | vue-3-playground | |
---|---|---|
7 | 4 | |
347 | 510 | |
- | - | |
5.1 | 0.0 | |
3 months ago | about 1 year ago | |
Vue | Vue | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
sortablejs-vue3
-
Shopify's Draggable Landing Page Is Beautiful
It's an almost great library but last I checked it doesn't support nested draggables: https://github.com/Shopify/draggable/issues/129
This led me to create my own library around SortableJS a year ago: https://github.com/MaxLeiter/sortablejs-vue3#why-not-use-oth...
- Does anyone know of any new, maintained Drag-n-Drop solutions for vue3?
- I made a thin wrapper around SortableJS for Vue 3 because the alternatives weren't good enough
-
I released a TypeScript + Vue 3 wrapper for SortableJS because the alternatives didn't work well. Hope this helps someone!
https://github.com/MaxLeiter/sortablejs-vue3 seems promising but I had a lot of issues, particularly with nested draggables. I also was not alone, so I decided to build this. It's a light-weight type-safe wrapper for Sortable that works with Vue 3 (without any __OPTIONS_API__ business) and supports every Sortable prop/option. I hope this saves someone more time than I spent looking for it...
- I released a thin TypeScript wrapper around SortableJS for Vue 3
- Trying to publish a library, importing from npm breaks
vue-3-playground
- Good public repos with best practices?
-
Add testing to Vite
If you don't want to set up everything manually, you can use my Vue 3 Playground as a starter.
-
Using vite - how do you run your tests?
Vite works fine with Jest, here you can find the js and ts setup for Jest https://github.com/blacksonic/vue-3-playground (i'm the author)
-
Write Vue like you write React
It was an interesting and fun experiment to try to write the same component in different frameworks with similar approach as identically as possible. I hope you find it also interesting. You can also give it a try in my Vue 3 Vite playground.
What are some alternatives?
layoutit-grid - Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.
vue-confetti-explosion - An explosion of confetti as a Vue 3 component.
vue3-dnd - React Dnd implementation in Vue Composition-api.
ionic-vue-boilerplate - 🏛️ A simple Ionic app structure made with Vue 3, Capacitor, and JavaScript (dependency with TypeScript removed). This boilerplate provides basic components like buttons, loading, inputs, etc
gitbox - 🔍Generate details your statistics of GitHub data information when searching
vue3-openlayers - Web map Vue 3.x components with the power of OpenLayers
spelling-bee - Free open source version of the New York Times Spelling Bee game
vitesse-lite - ⛺️ Lightweight version of Vitesse
vue3-manjaro-ui - 网页版Manjaro。A simulation webpage for Manjaro Linux(KDE Plasma).
Directus - The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.
muuri - Infinite responsive, sortable, filterable and draggable layouts
start-server-and-test - Starts server, waits for URL, then runs test command; when the tests end, shuts down server