Vue string directives library can change form input value dynamically.
npm install vue-string-directivesVue string directives library can change form input value dynamically. All languages are supported.
1. Compatibility
2. Installation
1. NodeJS
2. Manually
3. Usage
1. CLI
2. CDN
4. Examples
5. Author
6. License
Library | Version
------- | -------
Vue | >= 3.5
``bash`
npm install vue-string-directives
Download package and unpack it or use following commands:
`bash`
wget https://github.com/tarkhov/vue-string-directives/releases/download/v1.0.0/vue-string-directives.zip
unzip vue-string-directives.zip
Add following code to your main.js file created by Vue CLI:
`js
import { createApp } from 'vue'
import { VueStringDirectives } from 'vue-string-directives'
import App from './App.vue'
const app = createApp(App)
app.use(VueStringDirectives)
app.mount('#app')
`
Alternatively you can use a specific directive to import it into a specific component:
`js
import { upper, lower } from 'vue-string-directives'
export default {
directives: {
upper,
lower
}
}
`
Also you can import all directives to component:
`js
import { StringDirectivesMixin } from 'vue-string-directives'
export default {
mixins: [StringDirectivesMixin]
}
`
`html`
Letter case.
`html
`
Word case.
`html
`
Replacing.
`html
`
This project is licensed under the MIT License - see the LICENSE` file for details.