How to use the framework7/framework7.esm.bundle.js 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.
TimKam / JS-son / examples / arena / src / js / app.js View on Github 
import $$ from 'dom7'
import Framework7 from 'framework7/framework7.esm.bundle.js'
import 'framework7/css/framework7.bundle.css'
// Icons and App Custom Styles
import '../css/icons.css'
import '../css/app.css'
// Import Routes
import routes from './routes.js'
// Game of Life
import Arena from './Arena'
var app = new Framework7({ // eslint-disable-line no-unused-vars
root: '#app', // App root element
name: 'JS-son: Game of Life', // App name
theme: 'auto', // Automatic theme detection
// App root data
data: () => {
$$(document).on('page:init', e => {
let arena = Arena()
let shouldRestart = false
$$('.restart-button').on('click', () => {
shouldRestart = true
})
window.setInterval(() => {
if (shouldRestart) {
shouldRestart = false
arena = Arena()import $$ from 'dom7'
import Framework7 from 'framework7/framework7.esm.bundle.js'
import 'framework7/css/framework7.bundle.css'
// Icons and App Custom Styles
import '../css/icons.css'
import '../css/app.css'
// Import Routes
import routes from './routes.js'
// Game of Life
import GameOfLife from './GameOfLife'
var app = new Framework7({ // eslint-disable-line no-unused-vars
root: '#app', // App root element
name: 'JS-son: Game of Life', // App name
theme: 'auto', // Automatic theme detection
// App root data
data: () => {
$$(document).on('page:init', e => {
let gameOfLife = GameOfLife()
let shouldRestart = false
$$('.restart-button').on('click', () => {
shouldRestart = true
})
window.setInterval(() => {
if (shouldRestart) {
shouldRestart = false
gameOfLife = GameOfLife()framework7
Full featured mobile HTML framework for building iOS & Android apps
