Adding Vuetify package to Excel addin made with VueJS framework

[Denny143]

Hi, I tried adding a excel add-in(Side load) using VueJS and created the manifest files by using Yeoman office package. I followed the instructions by going through this tutorial. Everything worked fine, now I wanted to add Vuetify framework to my add-in application.

On the main.js file from template, the Vue instance is initiated with this code

 import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

const Office = window.Office
Office.initialize = () => { 
  new Vue({
    el: '#app',
    components: {App},
    template: '<App/>'
  })
}
}```
Now I am trying to add Vuetify and doing an npm install as per [their docs](https://vuetifyjs.com/en/getting-started/quick-start) by modifying the above code as:

import Vue from 'vue'
import App from './App'
import Vuetify from 'vuetify'

Vue.use(Vuetify)
Vue.config.productionTip = false

const Office = window.Office
Office.initialize = () => { 
  new Vue({
    el: '#app',
    components: {App},
    template: '<App/>'
  })
}```

When I introduce the Vuetify library, the add-in is not working..I am not sure how incorporate Vuetify to my Office add-in. Any help would be much appreciated. Thanks

[kbrandl]

@Denny143 Thanks for your interest in Office Add-ins development. Issues in this GitHub repository (OfficeDev/office-js-docs) are intended for engaging with the product team about the Office JavaScript API open specifications; therefore I'm closing this GitHub issue. I'd recommend that you instead post this question to Stack Overflow with the office-js tag and the vue.js tag, and any other tags that may be appropriate. By posting how-to questions such as this one to Stack Overflow, you're enabling your question to be seen by more people and the answer may also benefit other developers who might be facing the same challenges. Thanks!