vue-geokbd - Vue.js georgian keyboard directive

Simple directive to convert english characters to georgian in <input> and <textarea> fields

Demo

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 });