vue-demi
vue3-sfc-loader
Our great sponsors
vue-demi | vue3-sfc-loader | |
---|---|---|
8 | 8 | |
2,814 | 937 | |
2.5% | - | |
6.0 | 9.2 | |
26 days ago | 3 months ago | |
JavaScript | JavaScript | |
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.
vue-demi
-
I want to rewrite an app I'm working on in Vue3 but don't know how to convince the boss
You can use the composition API in Vue 2 -- check out vue-demi. I'm using it in a couple vue 2 projects, and it's quite solid.
- New default recommendations
-
vue-supabase v2.2.3 is out
Supports both Vue 2.x and Vue 3.x all thanks to vue-demi
-
I've created a pressure-sensitive signature drawing pad for Vue 2 and 3
I used vue-demi so both Vue 2 and 3 are supported.
-
Vue 2 and 3 lightweight emoji picker
It supports Vue 3 and Vue 2 (via composition-api plugin) powered by vue-demi.
-
Can you make a component library in Vue 3 / Vite / Typescript and consume it in a Vue 2 project?
It's generally possible if you stick to shared syntax and use something like vue-demi: https://github.com/vueuse/vue-demi
-
Upgrading to Vue 3: v-model
Or another idea is to use vue-demi to slowy rewrite components in Vue 3 and import them with demi in vue 2 (existing platform), repeat this until we have everything rewritten.
-
How to create a Universal Library for Vue 2 & 3
It's possible to achieve this by using a developing tool that the same @antfu created called Vue-demi.
vue3-sfc-loader
-
Just Use jQuery
I have come across this:
https://github.com/FranckFreiburger/vue3-sfc-loader
Might be worth trying. The problem is that these 3rd party libraries may work but you may end up needing a build system for a new library that you may need in the future.
I tried but for complex applications with JS, you unfortunately cannot get away from the build system.
-
Implementing Vue SFC with CDN
Iโm using this - https://github.com/FranckFreiburger/vue3-sfc-loader - for bits and pieces. Maybe not what youโre after but I quite like it
-
No-build TODO app using HTM + Preact
Vue Single File Component loader allows you to sprinkle Vue on top of any HTML document. (example app)
- A Vue3 Tutorial - 07 Vue Components without a Build System
-
Build a Movie Search App with Petite-Vue: A lightweight alternative to VueJS
Compare to https://github.com/FranckFreiburger/vue3-sfc-loader for the skipping of the build step?
-
How do you use .vue files in legacy systems (15+ year old code)
I WANT a single vue app with multiple components (children of the vue app) that each have their own HTML that is not written as a template literal, JSX, inline template (DEPRECATED), or as a x-template. I WANT these components to be reuseable (so work on multiple pages in different places) AND want to be able to use them as components -- e.g. . I'm working with a traditional PHP application (NOT an SPA). It seems the only way to achieve this is either (a third party library: https://github.com/FranckFreiburger/vue3-sfc-loader, and or creating a vue application via the vue-cli and thus having to use webpack).
What are some alternatives?
perfect-freehand - Draw perfect pressure-sensitive freehand lines.
vue-loader - ๐ฆ Webpack loader for Vue.js components
pinia - ๐ Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
vue-template-babel-compiler - Enable Optional Chaining(?.), Nullish Coalescing(??) and many new ES syntax for Vue.js SFC based on Babel
vue-2-3 - โ๏ธ Interop Vue 2 components in Vue 3 apps and vice versa
vue3-without-build - Using Vue Without a Build Step
todomvc-vue-composition-api - TodoMVC built with Vue 3 Composition Api and Vuex
vite-serve - instantly preview a Vue/React component with Vite
vue-cli - ๐ ๏ธ webpack-based tooling for Vue.js Development
signature_pad - HTML5 canvas based smooth signature drawing
electron-vue - An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.