Awesome
vue-geokbd - Vue.js georgian keyboard directive
Simple directive to convert english characters to georgian in <input>
and <textarea>
fields
Installation
Bower
bower install vue-geokbd --save
NPM
npm install vue-geokbd --save
Getting Started
Styling
You can import styles from dist/css/vue-geokbd.min.css
however you want.
If you aren't happy with default styling, copy dist/css/vue-geokbd.css
and adjust it to your needs.
Loading & Initializing
HTML
<script src="path_to_components/vue-geokbd/dist/js/vue-geokbd.min.js"></script>
<script>
// Vue object should be available here, see example.html for proper usage
Vue.use(window['vue-geokbd']);
</script>
ES6 Modules
import Vue from 'vue';
import geokbd from 'vue-geokbd';
Vue.use(geokbd);
Usage
Apply v-geokbd
directive to either <input>
or <textarea>
<input type="text" v-geokbd>
<textarea v-geokbd></textarea>
Options
You can pass initialization options like this
// These options are default
Vue.use(geokbd, {
// Enable conversion by default, until user switches on/off state
enabled: false,
// Global on/off state switcher hotkey
hotkey: '~',
// Show status message when focus is on element
statusMessage: true
});