Vue SDK 3.2.0
Sample Code
The quickest and simplest way to kickstart your journey with the Vue SDK is by downloading and experimenting with our full-featured sample code:
Download Vue Sample CodeIMPORTANT
In the above sample codes, the strings __YOUR_USER_ID__ and __YOUR_API_KEY__ should be replaced by your own User ID and API Key repectively. Please contact us to obtain your User ID and API Key.
Installation
In your Vue project, install the SDK with the npm install or yarn add commands. For example:
npm install "https://sdk.panoptic.ai/npm/vue-vital-sign-camera-3.2.0.tgz"yarn add "https://sdk.panoptic.ai/npm/vue-vital-sign-camera-3.2.0.tgz"TIP
If you are using Yarn v2 or later, you might need to include the package name in the command, such as yarn add vital-sign-camera@"https://sdk.panoptic.ai/npm/vue-vital-sign-camera-3.2.0.tgz".
Vite Configuration
If you are using Vite as your build tool, you need to exclude ts-vital-sign-camera from dependency optimization to ensure proper functionality:
// vite.config.js
export default defineConfig({
optimizeDeps: {
exclude: ['ts-vital-sign-camera'],
},
});Deployment Notes
NOTE
If the project is deployed to Google Cloud, some web servers, such as serve, might not function correctly, causing the facial skin age feature to fail. To prevent this issue, use http-server instead.
What's new
3.2.0 (12-Feb-2026)
- Production release synced with TypeScript SDK 2.2.0 (promoted from beta).
- Added video-file input and playback handling (automatic frame-rate detection and VideoFile support).
- Realtime UI & diagnostics improvements: frame-rate/resolution display and realtime estimator visualizations.
- New persistence utility
saveScanDataToS3for optional encrypted uploads of scan payloads. - ROI extraction and video-path stability fixes; improved
ImageBitmapsupport for performance. - Packaging/build fixes: WASM & model assets included in
dist/models/, improved UMD/ES modules. - No breaking API changes — backward compatible with prior 3.x wrapper releases.