@liangzhixin/canvas-office-word-viewer

Vue 3 component wrapper for Canvas Office Word documents.

Install

pnpm add @liangzhixin/canvas-office-word-viewer @liangzhixin/canvas-office-word-engine @liangzhixin/canvas-office-shared

Use as a plugin

import { createApp } from 'vue'
import CanvasOfficeWordViewerPlugin from '@liangzhixin/canvas-office-word-viewer'
import '@liangzhixin/canvas-office-word-viewer/style.css'
import App from './App.vue'

createApp(App).use(CanvasOfficeWordViewerPlugin).mount('#app')

<template>
  <CanvasWordViewer :file="file" />
</template>

Use as a local component

<script setup lang="ts">
  import { CanvasWordViewer } from '@liangzhixin/canvas-office-word-viewer'
  import '@liangzhixin/canvas-office-word-viewer/style.css'
</script>

<template>
  <CanvasWordViewer :file="file" />
</template>

When the component is used directly and the host app has not installed Pinia, the viewer creates an internal fallback Pinia instance.