nuxt7

Full Featured iOS & Android PWA Apps with Nuxt.js and Framework7

📖 Release Notes

Features

• Fully compatible with framework7 2.x
• Development mode with hot reloading
• Optimized production builds suitable for 100% static hosting
• Fully PWA compatible out of the box
• Page based router for Framework7
• Use vuex store in your apps
• Familiar nuxt.js development experience with a super easy learning curve

Demo

👉 https://nuxt7.cf

🔦 Lighthouse tests: Mobile Regular 3G

Module options

Add options as framework7 key inside nuxt.config.js.

Option	Type	Default	Description
css	Boolean	true	Include Framework7 css (disable to provide a custom build)
rtl	Boolean	false	Enable RTL layout
f7Icons	Boolean	true	Include Framework7 Icons (IOS)
mdIcons	Boolean	true	Include MD Icons
routes	Object	true	Route overrides (see below)
mode	String	hash	Router mode. Can be hash or history
view	Object		Options passed to root view of framework7

routes override

Routes are auto generated using pages directory structure. However if you need to make more customization (Like adding routable tabs) this option may be used.

Example: (nuxt.config.js)

framework7: {
    routes: {
      'tabs-routable': {
        tabs: [
          { path: "/", id: "tab1" },
          { path: "/tab2/", id: "tab2" },
          { path: "/tab3/", id: "tab3" },
        ]
      }
    }
}

🍳 Development

> yarn dev

License

MIT - Pooya Parsa