vue-cryptojs

vue-cryptojs

A small wrapper for integrating crypto-js into Vue3 and Vue2

How to install:

npm install vue-cryptojs

And in your entry file:

// Vue3
import { createApp } from 'vue'
import VueCryptojs from 'vue-cryptojs'

const app = createApp(...)
app.use(VueCryptojs)
app.mount('#app')

// Vue2
import Vue from 'vue'
import VueCryptojs from 'vue-cryptojs'

Vue.use(VueCryptojs)

Usage:

This wrapper bind CryptoJS to Vue or this if you're using single file component.

Simple AES text encrypt/decrypt example:

const encryptedText = this.$CryptoJS.AES.encrypt("Hi There!", "Secret Passphrase").toString()
const decryptedText = this.$CryptoJS.AES.decrypt(encryptedText, "Secret Passphrase").toString(this.CryptoJS.enc.Utf8)

For Vue3 we suggest to use inject on Composition API:

<script>
import { inject } from 'vue'

export default {
  setup() {
    const cryoptojs = inject('cryptojs')

    return {
      cryoptojs
    }
  }
}
</script>

Please kindly check full documention of crypto-js