feat: allow passing arbitrary options to framework7

Author: Pooya Parsa

Diff for: examples/kitchen-sink/nuxt.config.js

@@ -18,6 +18,7 @@ module.exports = {
   framework7: {
     themeColor: '#2196f3',
     mode: 'history',
+    foo: 'bar',
     routes: {
       'tabs-routable': {
         tabs: [

Diff for: lib/module.js

@@ -1,5 +1,5 @@
 const { resolve, relative } = require('path')
-const { defaultsDeep } = require('lodash')
+const { defaultsDeep, omit } = require('lodash')
 const f7BuildConfig = require('./f7-config')
 
 const resolvePath = (...args) => resolve(__dirname, ...args)
@@ -84,7 +84,7 @@ function addTemplates (options) {
   this.addPlugin({
     src: resolvePath('templates/f7-plugin.js'),
     fileName: 'f7-plugin.js',
-    options
+    options: omit(options, extraKeys)
   })
 
   // Framework7 routes
@@ -156,20 +156,20 @@ function extendConfig (config, options) {
 // ----------------------------------------------------------
 // Default options
 // ----------------------------------------------------------
+const extraKeys = [
+  'build', 'mode', 'themeColor', 'css', 'f7Icons', 'mdIcons', 'f7IconsSrc', 'mdIconsSrc', 'pwa'
+]
+
 const defaults = {
   build: Object.assign({}, f7BuildConfig),
 
   mode: 'hash',
-
   css: true,
-
   f7Icons: true,
   mdIcons: true,
 
   routes: {},
-  statusbar: {},
 
-  touch: {},
   view: {
     main: true,
     pushState: true,

Diff for: lib/templates/f7-plugin.js

@@ -12,18 +12,14 @@ Vue.use(Framework7VueComponents)
 
 // Register plugin
 export default async function framework7({ app }, inject) {
-    // Register F7 Vue Plugin
-    const Framework7 = await _Framework7
-    Vue.use(Framework7Vue, Framework7)
+  // Register F7 Vue Plugin
+  const Framework7 = await _Framework7
+  Vue.use(Framework7Vue, Framework7)
 
-    // Framework7 options
-    app.framework7 = <%= serialize({
-      mode: options.mode,
-      view: options.view,
-      touch: options.touch
-    }).replace(/"__([^_]+)__"/g, "$1") %>
+  // Framework7 options
+  app.framework7 = <%= serialize(options).replace(/"__([^_]+)__"/g, "$1") %>
 
-    // Routes
-    app.framework7.routes = routes
+  // Routes
+  app.framework7.routes = routes
 }