import RotateCaptcha from 'vue-rotate-captcha';
import 'vue-rotate-captcha/dist/styles.css';

<RotateCaptcha
   :imageUrl="state.imageUrl"
   @validate="validateCallback"
/>

2 Live Demo

TODO

3 API （0.1.0）

RotateCaptcha

Properties	Descrition	Type	Default
isLoading	loading status（optional）	boolean	false
imageUrl	URL for puzzle image（required）	string	-
@validate	requeset callback（required）	(context: Validation) => void	-

ValidationContext

export type ValidationContext = {
  readonly widthPercentage: number,
  readonly rotationDegree: number,
  readonly success: (callback: () => any) => void,
  readonly fail: (callback: () => any) => void,
  readonly reset: (isReset?: boolean) => void,
}

4 License

This entire project are built based on MIT license

MIT