@cadview/vue

@cadview/vue

Vue 3 wrapper for @cadview/core — a CAD/DXF file viewer.

Installation

npm install @cadview/core @cadview/vue

Usage

<template>
  <input type="file" accept=".dxf" @change="onFileChange" />
  <CadViewer
    :file="file"
    theme="dark"
    tool="pan"
    @select="onSelect"
    @measure="onMeasure"
  />
</template>

<script setup>
import { ref } from 'vue';
import { CadViewer } from '@cadview/vue';

const file = ref(null);

function onFileChange(e) {
  file.value = e.target.files?.[0] ?? null;
}

function onSelect(e) {
  console.log('Selected:', e.entity.type);
}

function onMeasure(e) {
  console.log('Distance:', e.distance);
}
</script>

Props

Events

Composable

import { useCadViewer } from '@cadview/vue';

const { canvasRef, viewer } = useCadViewer({ theme: 'dark' });

License

MIT