Installing
# use pnpm
$ pnpm install use-recognition
# use npm
$ npm install use-recognition --save
# use yarn
$ yarn add use-recognitionUsage
Use in Vue >=3.0
<script setup>
import { getCurrentInstance, onMounted } from 'vue'
import useRecognition from 'use-recognition'
const recognition = useRecognition({ lang: 'zh_CN' })
onMounted(() => {
recognition.start()
})
useExpose({ recognition })
</script>Use in Vue 2.7
<script>
import useRecognition from 'use-recognition'
export default {
setup() {
const recognition = useRecognition({ lang: 'zh_CN' })
recognition.start()
return { recognition }
}
}
</script>Use in Vue <=2.6
Add
@vue/composition-apito theproject.jsondependencies and run install.
{
"dependencies": {
"@vue/composition-api": "latest"
}
}// main.js
import Vue from 'vue'
import VueCompositionApi from '@vue/composition-api'
Vue.use(VueCompositionApi)
new Vue({}).$mount('#app')<script>
import useRecognition from 'use-recognition'
export default {
setup() {
const recognition = useRecognition({ lang: 'zh_CN' })
recognition.start()
return { recognition }
}
}
</script>Using unpkg CDN
<script src="https://unpkg.com/vue-demi@latest/lib/index.iife.js"></script>
<script src="https://unpkg.com/use-recognition@1.0.0/dist/index.global.prod.js"></script>Support & Issues
Please open an issue here.