1. vue-bulma-emoji
Emoji component is based on emojione.com for Vue Bulma
vue-bulma-emoji
Package: vue-bulma-emoji
Created by: vue-bulma
Last modified: Tue, 28 Jun 2022 19:05:29 GMT
Version: 0.0.2
License: MIT
Downloads: 353
Repository: https://github.com/vue-bulma/emoji

Install

npm install vue-bulma-emoji
yarn add vue-bulma-emoji

Emoji

Emoji is based on emojione for Vue bulma.

Installation

$ npm install vue-bulma-emoji --save

Examples

<template>
  <div>
    <p>{{ 'Hello world! ๐Ÿ˜„ :smile:' | emoji }}</p>
    <p>{{ 'Hello world! ๐Ÿ˜„' | emoji('toShort') }}</p>
    <p>{{ 'Hello world! :smile:' | emoji('shortnameToImage') }}</p>
    <p>{{ 'Hello world! ๐Ÿ˜„' | emoji('unicodeToImage') }}</p>
    <emoji-icon class="e1a-smile"></emoji-icon>
  </div>
</template>

<script>
import Vue from 'vue'
import { EmojiIcon, filter } from 'vue-bulma-emoji'

Vue.use(filter)

export default {
  components: {
    EmojiIcon
  }
}
</script>

Badges



fundon.me  ยท 
GitHub @fundon  ยท 
Twitter @_fundon

Dependencies

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin