baseweb-migrate

Migrates Flask/Vue 2 baseweb apps to Quart/Vue 3 with async updates.

1|Updated Feb 4, 2020
One-click install
npx skills add https://github.com/christophevg/baseweb --skill baseweb-migrate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: baseweb-migrate
Source: https://github.com/christophevg/baseweb/tree/main/skills/migrate
Command: npx skills add https://github.com/christophevg/baseweb --skill baseweb-migrate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It eliminates the risky, manual rewrite work required to upgrade legacy baseweb apps from Flask/Vue 2 to an async Quart + Vue 3 (Vuetify 3) architecture.

Core Features & Use Cases

  • Backend migration (Flask → Quart): Updates dependencies and rewrites sync request/route patterns into async equivalents, including converting Resource methods to async def and adding required await calls for request parsing and template rendering.
  • REST and Socket.IO modernization: Migrates REST registration to baseweb’s add_resource flow and converts Flask-SocketIO handlers to python-socketio ASGI handlers with correct async signatures (sid, environ) and awaited emits.
  • Frontend migration (Vue 2 → Vue 3 + Vuetify 3): Guides component registration changes, removes Vue 3–incompatible patterns (like filters), and applies Vuetify 3 breaking UI updates (icons/MDI, layout components, tabs, server-side tables, and common reactivity fixes for charting).

Quick Start

Ask the AI to migrate your existing baseweb Flask/Vue 2 codebase to Quart/Vue 3 with Vuetify 3 and python-socketio ASGI, then provide a step-by-step patch plan for both backend and frontend.

Frequently Asked Questions about baseweb-migrate

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate a Flask backend to async Quart and update route methods?

To migrate Flask to Quart, you convert sync route and flask_restful.Resource methods to async def, add required await calls for request parsing, and update template rendering to handle asynchronous execution patterns correctly.

What is the process for moving Flask-SocketIO handlers to python-socketio ASGI?

Moving Flask-SocketIO handlers to python-socketio ASGI involves updating handlers to use ASGI signatures with sid and environ parameters, and ensuring all emit calls are properly awaited within the async event handlers.

How do I upgrade Vue 2 components to Vue 3 with Vuetify 3 breaking UI changes?

Upgrading Vue 2 to Vue 3 with Vuetify 3 involves updating component registration, removing incompatible patterns like filters, and applying Vuetify 3 breaking changes for MDI icons, layout components, tabs, and server-side tables.

Can I use this baseweb migration approach for applications using Vuetify 2 and Vue 2 patterns?

Yes, this approach specifically targets modernizing legacy baseweb deployments that use Vuetify 2 and Vue 2 patterns, including applying reactivity-safe integrations for common component breaking changes like charting updates.

What are common limitations when converting Flask REST endpoints to baseweb async resources?

Limitations when converting Flask REST endpoints include ensuring all I/O operations within Resource methods are properly awaited, and switching standard Resource registration to baseweb's specific add_resource flow to maintain endpoint compatibility.

Why does my Vue 3 migration break charting components and reactivity?

Vue 3 migration breaks charting components and reactivity due to removed Vue 3-incompatible patterns like filters and altered reactivity systems, requiring specific reactivity-safe integrations and Vuetify 3 component updates to resolve.