Jacky

This is a known issue because of the x-html internal implementation in alphinejs. Vimesh UI provides an alternative x-shtml, means safe html. For your problem, just replace x-html to x-shtml

You could also refer to /examples/spa/app.html , which is a minimal single page application framework with vimesh ui. x-shtml is used to load dynamic pages, with help of x-import:dynamic, these...

1. please do not bind data in component definition. ```html .. ``` 2. avoid to use x-init in template, you could use `onMounted`, please refer to examples/spa/app.html

I could not reproduce your issue. Please check https://stackblitz.com/edit/web-platform-4hvvxb?file=index.html

You could load html from anywhere, then use x-shtml (an enhanced replacement of x-html) to mount it, or use vimesh ui global api $vui.setHtml(htmlParentElement, htmlContent) in your javascript code. Actually,...

Good question ! I've added a complete example(page-blog, page-welcome) in /examples. The full syntax of x-import is x-import="{namespace1}:{path1}{component1.1},{component1.2};{namespace2}:{path2}{component2.1},{component2.2};..." Let's say we have simple blog website. All pages are under namespace...

I have added examples for multi page app(/examples/mpa) and single page app(/example/spa). In spa example, there is a simple router-viewer implementation.

When you use $prop, it will find the closest wrapper component and get property. For `` $prop will get the wrapper component property. While core-ticket-counter itself is a component, it...

I'm working on headless UI (https://github.com/vimeshjs/vimesh-headless), which will implement Tailwind headless UI (https://headlessui.com/) with Alpine.js. There are already some components like listbox, switch, tabs etc. It is my preferred way...

Thanks for your invitation. I've joined the Discord.