Installation

npm install vue-excel-diff
# or
yarn add vue-excel-diff
# or
pnpm add vue-excel-diff

Usage

Global Registration (推荐用于 Vue CLI / Vite 项目)

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import VueExcelDiff from 'vue-excel-diff'
import 'vue-excel-diff/style.css'

const app = createApp(App)
app.use(VueExcelDiff)
app.mount('#app')

Then use it in any component:

<template>
  <ExcelDiff />
</template>

Local Registration

<script setup>
import { ExcelDiff } from 'vue-excel-diff'
import 'vue-excel-diff/style.css'
</script>

<template>
  <ExcelDiff />
</template>

In Nuxt 3

Create a plugin file:

// plugins/excel-diff.client.js
import VueExcelDiff from 'vue-excel-diff'
import 'vue-excel-diff/style.css'

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(VueExcelDiff)
})

In VuePress 2

Create a client config file:

// .vuepress/client.js
import { defineClientConfig } from '@vuepress/client'
import VueExcelDiff from 'vue-excel-diff'
import 'vue-excel-diff/style.css'

export default defineClientConfig({
  enhance({ app }) {
    app.use(VueExcelDiff)
  },
})

Then configure in .vuepress/config.js:

export default {
  clientConfigFile: path.resolve(__dirname, './client.js'),
}