A small wrapper for integrating crypto-js into VueJS
npm install vue-cryptojsActive development of Vue-CryptoJS has been discontinued. This library is no longer maintained.
Nowadays, NodeJS and modern browsers have a native Crypto module. The latest version of CryptoJS already uses the native Crypto module for random number generation, since Math.random() is not crypto-safe. Further development of CryptoJS would result in it only being a wrapper of native Crypto. Therefore, development and maintenance has been discontinued, it is time to go for the native crypto module.
bash
npm install vue-cryptojs
`$3
Entry file:
`jsimport { createApp } from 'vue'
import VueCryptojs from 'vue-cryptojs'
createApp(...).use(VueCryptojs).mount(...)
`TS Component:
`js
{{cryptojs.AES.encrypt("Hi There!", "Secret Passphrase").toString()}}
{{cryptojs.AES.decrypt("U2FsdGVkX1/zclTGSirKJ+oYxGJFRR96i9MkjOb8X0s=", "Secret Passphrase").toString(cryptojs.enc.Utf8)}}
`inject on Composition API without TS:
`js
`$3
`js
import Vue from 'vue'
import VueCryptojs from 'vue-cryptojs'Vue.use(VueCryptojs)
`This binds
CryptoJS to Vue or this if you're using single file component.Simple AES text encrypt/decrypt example:
`js
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)
`Directly on a template:
`js

{{ $CryptoJS.AES.encrypt("Hi There!", "Secret Passphrase").toString() }}
``Please kindly check full documention of crypto-js