How to use the framework7/framework7-lite.esm.js.use function in framework7
To help you get started, we’ve selected a few framework7 examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
framework7io / framework7-cli / ui / src / src / js / app.js View on Github 
// Import Framework7-Vue Plugin
import Framework7Vue from 'framework7-vue';
// Import Framework7 Styles
import 'framework7/css/framework7.bundle.css';
// Import Icons and App Custom Styles
import '../css/icons.css';
import '../css/app.less';
// Import App Component
import App from '../components/app.vue';
// Init Framework7-Vue Plugin
Framework7.use(Framework7Vue);
Framework7.use([
Input,
Dialog,
ColorPicker,
Popover,
Range,
Toggle,
Popup,
Tooltip,
]);
// Init App
const app = new Vue({
el: '#app',
render: h => h(App),
// Register App Component
components: {// Import Framework7-Vue Plugin
import Framework7Vue from 'framework7-vue';
// Import Framework7 Styles
import 'framework7/css/framework7.bundle.css';
// Import Icons and App Custom Styles
import '../css/icons.css';
import '../css/app.less';
// Import App Component
import App from '../components/app.vue';
// Init Framework7-Vue Plugin
Framework7.use(Framework7Vue);
Framework7.use([
Input,
Dialog,
ColorPicker,
Popover,
Range,
Toggle,
Popup,
Tooltip,
]);
// Init App
const app = new Vue({
el: '#app',
render: h => h(App),
// Register App Componentframework7
Full featured mobile HTML framework for building iOS & Android apps
