Upgrade Vuetify to 3.12.10, Adjust Directory Structure

[snacksbro]

This PR updates Vuetify 3 from 3.11.2 -> 3.12.10.

This also makes the generated Python code use the v3 documentation, I noticed the types URL at https://cdn.jsdelivr.net/npm/vuetify@3.12.10/dist/json/web-types.json would have the doc-url field point to https://vuetifyjs.com/api/VAlert#props rather than https://v3.vuetifyjs.com/api/VAlert#props. This is simply a find/replace in the generate_python.py script to prepend v3 to the URL.

Lastly, this also restructures the folder structure in preparation for the arrival of Vuetify 4. This is the part I have the least confidence of me doing correctly, I believe I updated everything but I haven't tested the release workflow. These changes are all in 1f9148e

I verified this worked by installing my fork of Trame Vuetify into an existing Trame Project and using a component introduced in v3.12.x, a minimal example can be seen here:

Minimal Example

from __future__ import annotations

from trame.app import get_server
from trame.decorators import TrameApp
from trame.ui.vuetify3 import SinglePageLayout
from trame.widgets import vuetify3 as v3

v3.enable_lab()


@TrameApp()
class DemoApp:
    def __init__(self) -> None:
        self.server = get_server(None)
        self.state = self.server.state

        self.state.items = [
            {
                "title": "Find File",
                "subtitle": "Open general search",
                "prependIcon": "mdi-file-find",
                "value": "find-file",
            },
            {
                "title": "Open Project",
                "subtitle": "Open an existing project",
                "prependIcon": "mdi-folder-open",
                "value": "open-project",
            },
            {"type": "divider"},
            {"type": "subheader", "title": "Settings"},
            {
                "title": "Help",
                "subtitle": "View documentation",
                "prependIcon": "mdi-help-circle-outline",
                "value": "help",
            },
        ]
        self.state.search = ""

        self.build_ui()

    def build_ui(self) -> None:
        with SinglePageLayout(self.server) as layout:
            with layout.content:
                with v3.VCommandPalette(
                    v_model_search=("search",),
                    items=("items",),
                    placeholder="Search commands...",
                    hotkey="ctrl+shift+k",
                    click_item=(self.on_item_click, "[]", "{item: $event}"),
                ):
                    with v3.Template(
                        v_slot_activator=("{ props: activatorProps }"),
                    ):
                        v3.VBtn(
                            v_bind=("activatorProps",),
                            children="Open Command Palette",
                        )

    def on_item_click(self, item: dict[str, str]) -> None:
        print(item)


if __name__ == "__main__":
    app = DemoApp()
    app.server.start()

[snacksbro]

todo: Bring these back

[snacksbro]

I did notice that uv.lock was never tracked so I ignored both the uv lock and the npm lock in my local environment, hence why this occurred post-migration. Should uv.lock be tracked?

[snacksbro]

npm lockfiles restored: a87beb2

[jourdain]

uv.lock does not need to be tracked. At least not here for building that lib.

[jourdain]

Don't we have more ../.. to go up now that we added a js-libs hierarchy?

[jourdain]

You may want to be more specific like /vuetifyjs to /v3.vuetifyjs

[jourdain]

It seems the vue2 vue.config.js needs a fix. Everything else seems fine to me.