This laravel component is only applicable to projects made in Laravel + Vue + ShadCn It functions both as a camera to take pictures and a QR Code Reader. The component contains 1 button that will emit an event whenever it is clicked and output parameter
npm install vue3-ocr-ph-driver-license-parsersh
npm install vue3-ocr-ph-driver-license-parser
`
Project Use Case
* In this example the Philippine License image is obtained using input file DOM and is submitted to Vue3OcrPhDriverLicenseParser through openFile method in fileChange event handler.
* the handProgress is fired whenever the image parsing progress has changed.
* finally, handleParse is fired when the image parsing is done and output a JSON Object containing the data
ex.
data = {
license_id : ,
expiry : ,
name : ,
address : ,
birthDate : ,
nationality : ,
sex : ,
URL : ,
file : ,
};
Note: normally data.file is saved using S3 bucket and the rest will be saved in database
$3
`sh
Open File
ref="parser1"
:textOutput="textOutput"
:imageDOM="imageDOM"
@onProgress="handleProgress"
@onParse="handleParse"
/>
`
Installing to npm package
`sh
npm login
`
`sh
npm publish
``