Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
q-colorize-mixin
Advanced tools
Readme
QColorizeMixin is a Vue Mix-in library for components created with Quasar Framework. It is only for components that use a render
function. It does not work with template formats found with SFC (single file components).
v2.0.0 (alpha) does not have any breaking changes, but it does add new functionality to support Quasar v2 and Vue v3.
If using Quasar v1, use this mixin as you normally would.
If using Quasar v2, with Vue 3 composition API, there are exposed the useColorizeProps
and useColorize
methods. The later exposes the methods:
import { useColorizeProps, useColorize } from 'q-colorize-mixin'
// ...
props: {
// your other prop definitions
...useColorizeProps()
},
setup (props) {
...useColorize()
}
Allows you to "skin" your component with customized text, background and border colors. You can use:
#c0c0c0
),rgb(255,0,0)
),ghostwhite
) or--q-color-red-10
)border-
(ex: border-blue-grey-10
)This is a lot of choices!
To add this mix-in to your Quasar application, run the following (in your Quasar app folder):
yarn add q-colorize-mixin
# or
npm install q-colorize-mixin
To remove this mix-in from your Quasar application, run the following (in your Quasar app folder):
yarn remove q-colorize-mixin
# or
npm remove q-colorize-mixin
Examples with code can be found here.
Source for the demo application can be found here.
$ yarn
$ cd ui
# start dev in SPA mode
$ yarn dev
$ cd ui
$ yarn build
# first time prep
$ cd ui
$ yarn link
$ cd ../demo
$ yarn link "q-colorize-mixin"
# for interactive - browser opens automatically
$ quasar dev
# for build - goes to docs folder
$ yarn build-demo
If you appreciate the work that went into this, please consider donating to Quasar or Jeff.
MIT (c) Jeff Galbraith jeff@quasar.dev
FAQs
Quasar color mixin
The npm package q-colorize-mixin receives a total of 860 weekly downloads. As such, q-colorize-mixin popularity was classified as not popular.
We found that q-colorize-mixin demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.