framework7io / framework7

Full featured HTML framework for building iOS & Android apps
http://framework7.io
MIT License
18.13k stars 3.23k forks source link

Using inside a web component #4000

Closed lroal closed 2 years ago

lroal commented 2 years ago

Is it possible to use Vue inside a web component I am building ? I am using vite for building. I use the f7-range, but no content is rendered. I am not sure how to setup vue as there is no main.js in a web component. I setup vue in the root component foo.ce.vue the following way:

import Framework7 from 'framework7/lite-bundle'
import Framework7Vue from 'framework7-vue/bundle'
Framework7.use(Framework7Vue);
<style>
@import "framework7/framework7-bundle.min.css";
</style>

And using it like this: import {f7Range} from 'framework7-vue'; <f7-range :min="0" :max="100" :step="1" :value="10" />