Follow these steps:
1.
Run this command to update your framework7 version to latest version
npm install [email protected]
2.
Run this command to update your Dom7 version to latest version
npm install [email protected]
3.
the way you import framework7 resources and components is changed based on package.json
file under section exports
. So, you need to remove this line
import 'framework7/framework7-bundle.css';
and replace it with this line
import 'framework7/css/bundle';
4.
Also, the way you import Dom7 is changed. It become inside framework7. So you need to remove this line
import $ from 'dom7';
and replace it with this line
import { Dom7 } from 'framework7';
or with this line, based on what you import from framework7
import Framework7, { Dom7, getDevice } from 'framework7';
5.
if you make global event like: $(document).on(event, selector, function(){})
. You must first to load Dom7 from Framework7 then store it inside $ variable like these lines
import { Dom7 } from 'framework7';
var $ = Dom7;
//then you can use your global events
$(document).on(event, selector, function(){})