https://github.com/xxzefgh/vue-geokbd

Vue.js georgian keyboard directive
https://github.com/xxzefgh/vue-geokbd

vue

Last synced: 3 months ago
JSON representation

Vue.js georgian keyboard directive

• Host: GitHub
• URL: https://github.com/xxzefgh/vue-geokbd
• Owner: xxzefgh
• Created: 2016-09-10T16:31:42.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-02-18T22:11:42.000Z (over 7 years ago)
• Last Synced: 2024-07-29T00:53:35.418Z (3 months ago)
• Topics: vue
• Language: TypeScript
• Homepage:
• Size: 60.5 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-georgia - brunjick/vue-geokbd - Vue.js georgian keyboard directive (Categories)

README

        
# vue-geokbd - Vue.js georgian keyboard directive

Simple directive to convert english characters to georgian in `` and `` fields

[Demo](https://rawgit.com/brunjick/vue-geokbd/master/example.html)

### Installation

#### Bower

```bash

bower install vue-geokbd --save

```

#### NPM

```bash

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

```html

    // Vue object should be available here, see example.html for proper usage

    Vue.use(window['vue-geokbd']);

```

##### ES6 Modules

```js

import Vue from 'vue';

import geokbd from 'vue-geokbd';

Vue.use(geokbd);

```

#### Usage

Apply `v-geokbd` directive to either `` or ``

```html

```

#### Options

You can pass initialization options like this

```js

// 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

});

```