Skip to content

v0.3.0 — Vue 3 + Svelte 5 support

Pre-release
Pre-release

Choose a tag to compare

@Rosalina7515 Rosalina7515 released this 17 May 12:31
· 8 commits to main since this release

What's new

Added

  • Vue 3 support — Nuxt 3 and Vue + Vite both supported. Detector recognizes Nuxt by the nuxt dependency and walks pages/, components/, layouts/, app.vue. Globals CSS is located at the
    Nuxt-conventional assets/css/main.css (or fall-throughs).
  • Svelte 5 support — SvelteKit and Svelte + Vite both supported. Detector recognizes SvelteKit by @sveltejs/kit and walks src/routes/, src/lib/, src/components/. Globals CSS is located at
    src/app.css / src/app.postcss.
  • Runtime + framework abstraction. detect-stack.mjs now reports:
    • runtime: 'react' | 'vue' | 'svelte'
    • framework: 'next' | 'nuxt' | 'sveltekit' | 'vite'
    • classAttr: 'className' (React) or 'class' (Vue/Svelte)
    • fileExtensions: ['.tsx', '.jsx'] / ['.vue'] / ['.svelte']
  • New reference: references/frameworks/vue.mdclass= vs :class= array/object syntax, <script setup> boundaries, Nuxt conventions, auto-imports.
  • New reference: references/frameworks/svelte.mdclass= vs class:foo={bool} directives, SvelteKit +layout.svelte / +page.svelte conventions, scoped <style> blocks.

Changed

  • SKILL.md Step 1 now announces detected runtime, framework, Tailwind flavor, and accent in one line.
  • SKILL.md Step 2 PLAN uses uiFiles[] from the detector (right roots + extensions per runtime).
  • SKILL.md Step 5 APPLY references the framework guide and re-states framework-specific skip lists.
  • references/tailwind-modernization.md — added a framework-agnostic note clarifying that all examples are JSX but class strings work identically in class= for Vue/Svelte.
  • scripts/detect-brand.mjs — brand-color CSS search now includes Nuxt's assets/css/main.css and SvelteKit's src/app.css.
  • package.json — added vue, nuxt, svelte, sveltekit to keywords.

新增

  • Vue 3 支持 —— Nuxt 3 Vue + Vite 都支持。检测器通过 nuxt 依赖识别 Nuxt,扫描 pages/components/layouts/app.vue。全局 CSS 定位在 assets/css/main.css
  • Svelte 5 支持 —— SvelteKit Svelte + Vite 都支持。检测器通过 @sveltejs/kit 识别 SvelteKit,扫描 src/routes/src/lib/src/components/。全局 CSS 定位在 src/app.css
  • runtime + framework 抽象detect-stack.mjs 输出 runtimereact|vue|svelte)、frameworknext|nuxt|sveltekit|vite)、classAttrclassName/class)、fileExtensions
  • 新增参考文档:references/frameworks/vue.mdreferences/frameworks/svelte.md

改动

  • SKILL.md Step 1 一行播报 runtime + framework + Tailwind flavor + accent。
  • SKILL.md Step 2/5 按 runtime 使用对应的根目录和扩展名。
  • references/tailwind-modernization.md 加入框架无关说明。
  • package.json keywords 加入 vuenuxtsveltesveltekit