Vue.use for imported plugins is not working anymore after 2021 Framework7 Updates

Questions
1

Yes, these updates seems to be making our apps load faster than ever but I still have problems with vue imports… I am unable to import modules such as vue-moment module by using Vue.use(require('vue-moment')); …
I can’t figure out how to import and make it work, how do I do that please?

what I have in the app.js :

// Import Vue
import { createApp } from ‘vue’;

// Import Framework7
import Framework7 from ‘framework7/lite-bundle’;

// Import Framework7-Vue Plugin
import Framework7Vue, { registerComponents } from ‘framework7-vue/bundle’;

// Import Framework7 Styles
import ‘framework7/framework7-bundle.css’;

// Import Icons and App Custom Styles
import ‘…/css/icons.css’;
import ‘…/css/app.css’;

// Import App Component
import App from ‘…/components/app.vue’;

Vue.use(require(‘vue-moment’)); /* THIS DOESN’T WORK ANYMORE, LOOKS LIKE IMPRORT SYNTAX IN THIS 2021 Framework7 Vue HAVE CHANGED AND I DON’T KNOW HO TO MAKE IT WORK*/

2

It has nothing to do with Framework7. You use Vue3, it has totally different syntax for installing modules, and I believe that vue-moment is not compatible with Vue3

1 Like
3

Thank you very much for the quick feedback… I’ll just have to remove the MOMENT plugin in that case, I guess!

Are there any other suitable alternatives that you know could be very much of use!? I mean, for the time-ago functionality…
Thanks in advance!

4