vue-code-view
vue-macros
vue-code-view | vue-macros | |
---|---|---|
1 | 2 | |
129 | 1,595 | |
- | 4.4% | |
3.7 | 9.6 | |
7 months ago | 4 days ago | |
TypeScript | TypeScript | |
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-code-view
-
Vue Code View / A code editor component based on Vue.js 2, compile source code (SFC) and render it in real time. 🖖
vue-code-view is a lightweight code interactive component based on vue 2.x, which can edit running code and preview the effect in real time on the web page. - Github Repo:https://github.com/andurils/vue-code-view - Online Demo: https://andurils.github.io/vue-code-view - NPM : https://www.npmjs.com/package/vue-code-view - CodeSandbox example:- ![vue-code-view-example ](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8d6442bbcffd41afb42f73c0bc4bb935~tplv-k3u1fbpfcp-zoom-1.image)
vue-macros
-
Coming here from svelteland... is there a way to put CSS module inside JS?
I recently encountered Vue Macros and it inspired me to create a compile-time macro library for CSS modules, unfortunately I haven't even started and am not planning to do so any time soon. I like having the entire component in a single file but honestly just having COMPONENT_NAME.module.css for each component is not bad at all. I'd just avoid doing the COMPONENT_NAME/style.module.css, this gets very tedious
-
Collection of Vue Macros in Vue.js 3.3
Looking at its GitHub repo, the library is well maintained. Moreover, Vue Macros supports Vue from version 2.7. To install Vue Macros, you need to run npm i -D unplugin-vue-macros, configure vite.config.ts, and the tsconfig.json as is installation suggests to start using them.
What are some alternatives?
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
toolkit-use - a npm toolkit use for vue.js
Acode - Acode - powerful text/code editor for android
unplugin - Unified plugin system for Vite, Rollup, Webpack, esbuild, rolldown, and more
quasar-framework - Quasar Framework - Build high-performance VueJS user interfaces in record time [Moved to: https://github.com/quasarframework/quasar]
solid-styled-components - A 1kb Styled Components library for Solid
ryusei-code - RyuseiCode is a lightweight, extensible and accessible code editor.
solid-styled - Reactive stylesheets for SolidJS
storefront-ui - A frontend library for Vue and React that helps developers quickly build fast, accessible, and beautiful storefronts. Made with 💚 by Vue Storefront team and contributors.
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
vee-validate - ✅ Painless Vue forms