[v2-Vue] How to initialize a f7-plugin with Framework7 Vue

zoosky · April 19, 2018, 3:23pm

Thanks for any hints or examples. I use Vue file components.

nolimits4web · April 19, 2018, 4:29pm

In the same way, Framework7.use(somePlugin)

nolimits4web · April 19, 2018, 4:29pm

Or what do you exactly mean?

zoosky · April 19, 2018, 6:11pm

Hi Vladimir

In the Kitchen Sink example, would app.js be the right place?

BTW, I’m using Nuxt7, but that is a different story.

github.com

framework7io/framework7-vue/blob/master/kitchen-sink/src/app.js

/* eslint import/no-extraneous-dependencies: "off" */
import Vue from 'vue';
import Framework7 from 'framework7/dist/framework7.esm.bundle';
import Framework7Vue from 'framework7-vue'; // eslint-disable-line
import app from './app.vue';
import routes from './routes';

// Install Plugin
Vue.use(Framework7Vue, Framework7);

// Demo Theme
let theme = 'auto';
if (document.location.search.indexOf('theme=') >= 0) {
  theme = document.location.search.split('theme=')[1].split('&')[0];
}

// Init Vue App
export default new Vue({
  // Root Element
  el: '#app',

This file has been truncated. show original

nolimits4web · April 19, 2018, 6:38pm

Yes, just after all imports

leogiese · April 1, 2019, 8:38am

Framework7.use(Framework7Vue)