Purpose to add a media queries feature in styles. Feature will allow to define styles for media queries.
Example syntax:

new vegtex.VegtexStyle((Style) => ({
    // Mobile (@sm)
    ':host': [
        Style.Width.px(100)
    ],
    // Tablet (@md)
    '@md :host': [
        Style.Width.px(100)
    ],
    // Desktop (@lg)
    '@lg :host': [
        Style.Width.px(100)
    ],
    // TV (@xl)
    '@xl :host': [
        Style.Width.px(100)
    ]
})

Purpose

Change the scope elements event-handling syntax

From

<button @click="someMethod">Text</button>

To

1. Variant 'long'

<button @event="click" @event-handler="someMethod">Text</button>

2. Variant 'short'

<button @e="click" @e-handler="someMethod">Text</button>

3. Variant 'two in one'

<button @event="click:someMethod">Text</button>

Add the Style.Border properties to the Style.
API Idea:

Style.Border.Top.px(1)
Style.Border.Bottom.px(1)
Style.Border.Left.px(1)
Style.Border.Right.px(1)
Style.Border.All.px(1)
Style.Border.Color.rgb(0, 0, 0)
Style.Border.Type.solid // solid || dashed || etc

• Make code cleaner
• Create VegtexRouter class (And delete createRouter())

Add the media events support also (Link to all html events: https://www.w3schools.com/tags/ref_eventattributes.asp)

Scopes was a mistake, it should be removed. The states should be handled inside Singleton components.

• Remove VegtexScope class everywhere

Add the ability to apply fonts (font-family)
API Reference:

Style.Font('Inter', 'sans-serif' /* , ...fonts */)