0.4.0 Release Notes

New Features

• Added a render parameter that enables dynamic insertion of HTML content using template syntax, similar to dynamically inserting innerHTML with :html.
  • Example (index.html):

    <body id="app"></body>
    <script>
        const test = new QUI({
            id: "app",
            data: {
                hint: "hint 123",
                title: "test 123"
            },
            render: () => {
                return `
                    "{{ hint }}",
                    h1 {
                        style: "background: red;", 
                        children: [ 
                            "{{ title }}"
                        ]
                    }`
            }
        })
    </script>
    

  • Result:

    <body id="app">
        hint 123
        <h1 style="background: red;">test 123</h1>
    </body>
    

Deprecated Features

• For more details, see here.