How to use in Vue js & Vite?

[liho00]

No description provided.

[blikblum]

Hi, this is just web components so should work in vite.

You should not use with vue. Better stick with direct f7 vue support

[liho00]

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.

[blikblum]

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