How to use in Vue js & Vite?
Opened this issue · 3 comments
Hi, this is just web components so should work in vite.
You should not use with vue. Better stick with direct f7 vue support
Hi, this is just web components so should work in vite.
You should not use with vue. Better stick with direct f7 vue support
Nope, im not going to use framework 7 vue framework, because this framework fully depends on the f7-app components, i not able to use its components suchs as notification, toast and etc with my current project and other ui framework.
Besides, the most worst of framework 7 downside was its overide the <a href></a>, its basic component of web, hence i finding webcomponents of framework 7. Will try it later. Besides, i also find a WIP framework 7 tailwind components https://tailwind-mobile.com/, but its still in progress.
Besides, i look at your example code, i dont familiar with it, as you said its component, eg. can i import ? just like how i use ionic webcomponent framework?
It will be much appreciated if you could provide a minimal example of this web component in react or vue.
Hi, this repository currently holds only a customized framework7 router that allows to load a web component instead of the f7 builtin component. So you can use a web component to handle things like state / events but each f7 ui component is defined as html markup (f7 core). Like in the examples: https://github.com/blikblum/wc-f7/blob/master/examples/starter-app/src/pages/form-page.js
There's no web component versions of each ui component.
I have some of those components (like smart-select or preloader) converted to web component in my projects but did not published