Excel comparison tool component for Vue3
npm install vue-excel-diff``bash`
npm install vue-excel-diffor
yarn add vue-excel-diffor
pnpm add vue-excel-diff
`js
// 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:
`vue`
`vue
`
Create a plugin file:
`js
// 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)
})
`
Create a client config file:
`js
// .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:
`js``
export default {
clientConfigFile: path.resolve(__dirname, './client.js'),
}