@wyxos/vibe 1.6.29 → 2.0.2

package/lib/logo-dark.svg

@@ -1,36 +1,36 @@
-<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <linearGradient id="vibeGrad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient id="vibeGradLight" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#60a5fa;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#22d3ee;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-  
-  <!-- Background -->
-  <rect width="120" height="120" rx="24" fill="url(#vibeGrad)"/>
-  
-  <!-- Masonry blocks - representing the infinite block engine -->
-  <!-- Left column -->
-  <rect x="18" y="20" width="24" height="32" rx="5" fill="white" opacity="0.95"/>
-  <rect x="18" y="58" width="24" height="20" rx="5" fill="white" opacity="0.85"/>
-  <rect x="18" y="84" width="24" height="16" rx="5" fill="white" opacity="0.9"/>
-  
-  <!-- Middle column -->
-  <rect x="48" y="28" width="24" height="22" rx="5" fill="white" opacity="0.9"/>
-  <rect x="48" y="56" width="24" height="36" rx="5" fill="white" opacity="0.95"/>
-  <rect x="48" y="98" width="24" height="14" rx="5" fill="white" opacity="0.8"/>
-  
-  <!-- Right column -->
-  <rect x="78" y="22" width="24" height="38" rx="5" fill="white" opacity="0.85"/>
-  <rect x="78" y="66" width="24" height="24" rx="5" fill="white" opacity="0.9"/>
-  <rect x="78" y="96" width="24" height="16" rx="5" fill="white" opacity="0.85"/>
-  
-  <!-- Infinite loop symbol (subtle overlay) -->
-  <path d="M 30 60 Q 40 50, 50 60 Q 60 70, 70 60" stroke="url(#vibeGradLight)" stroke-width="3" fill="none" opacity="0.4" stroke-linecap="round"/>
-  <path d="M 30 60 Q 40 70, 50 60 Q 60 50, 70 60" stroke="url(#vibeGradLight)" stroke-width="3" fill="none" opacity="0.4" stroke-linecap="round"/>
-</svg>
-
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="vibeGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient id="vibeGradLight" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#60a5fa;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#22d3ee;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Background -->
+  <rect width="120" height="120" rx="24" fill="url(#vibeGrad)"/>
+  
+  <!-- Masonry blocks - representing the infinite block engine -->
+  <!-- Left column -->
+  <rect x="18" y="20" width="24" height="32" rx="5" fill="white" opacity="0.95"/>
+  <rect x="18" y="58" width="24" height="20" rx="5" fill="white" opacity="0.85"/>
+  <rect x="18" y="84" width="24" height="16" rx="5" fill="white" opacity="0.9"/>
+  
+  <!-- Middle column -->
+  <rect x="48" y="28" width="24" height="22" rx="5" fill="white" opacity="0.9"/>
+  <rect x="48" y="56" width="24" height="36" rx="5" fill="white" opacity="0.95"/>
+  <rect x="48" y="98" width="24" height="14" rx="5" fill="white" opacity="0.8"/>
+  
+  <!-- Right column -->
+  <rect x="78" y="22" width="24" height="38" rx="5" fill="white" opacity="0.85"/>
+  <rect x="78" y="66" width="24" height="24" rx="5" fill="white" opacity="0.9"/>
+  <rect x="78" y="96" width="24" height="16" rx="5" fill="white" opacity="0.85"/>
+  
+  <!-- Infinite loop symbol (subtle overlay) -->
+  <path d="M 30 60 Q 40 50, 50 60 Q 60 70, 70 60" stroke="url(#vibeGradLight)" stroke-width="3" fill="none" opacity="0.4" stroke-linecap="round"/>
+  <path d="M 30 60 Q 40 70, 50 60 Q 60 50, 70 60" stroke="url(#vibeGradLight)" stroke-width="3" fill="none" opacity="0.4" stroke-linecap="round"/>
+</svg>
+

package/lib/logo-light.svg

@@ -1,29 +1,29 @@
-<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <linearGradient id="vibeGradLight" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-  
-  <!-- Masonry blocks - representing the infinite block engine -->
-  <!-- Left column -->
-  <rect x="18" y="20" width="24" height="32" rx="5" fill="url(#vibeGradLight)" opacity="0.95"/>
-  <rect x="18" y="58" width="24" height="20" rx="5" fill="url(#vibeGradLight)" opacity="0.85"/>
-  <rect x="18" y="84" width="24" height="16" rx="5" fill="url(#vibeGradLight)" opacity="0.9"/>
-  
-  <!-- Middle column -->
-  <rect x="48" y="28" width="24" height="22" rx="5" fill="url(#vibeGradLight)" opacity="0.9"/>
-  <rect x="48" y="56" width="24" height="36" rx="5" fill="url(#vibeGradLight)" opacity="0.95"/>
-  <rect x="48" y="98" width="24" height="14" rx="5" fill="url(#vibeGradLight)" opacity="0.8"/>
-  
-  <!-- Right column -->
-  <rect x="78" y="22" width="24" height="38" rx="5" fill="url(#vibeGradLight)" opacity="0.85"/>
-  <rect x="78" y="66" width="24" height="24" rx="5" fill="url(#vibeGradLight)" opacity="0.9"/>
-  <rect x="78" y="96" width="24" height="16" rx="5" fill="url(#vibeGradLight)" opacity="0.85"/>
-  
-  <!-- Infinite loop symbol (subtle overlay) -->
-  <path d="M 30 60 Q 40 50, 50 60 Q 60 70, 70 60" stroke="url(#vibeGradLight)" stroke-width="3" fill="none" opacity="0.6" stroke-linecap="round"/>
-  <path d="M 30 60 Q 40 70, 50 60 Q 60 50, 70 60" stroke="url(#vibeGradLight)" stroke-width="3" fill="none" opacity="0.6" stroke-linecap="round"/>
-</svg>
-
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="vibeGradLight" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Masonry blocks - representing the infinite block engine -->
+  <!-- Left column -->
+  <rect x="18" y="20" width="24" height="32" rx="5" fill="url(#vibeGradLight)" opacity="0.95"/>
+  <rect x="18" y="58" width="24" height="20" rx="5" fill="url(#vibeGradLight)" opacity="0.85"/>
+  <rect x="18" y="84" width="24" height="16" rx="5" fill="url(#vibeGradLight)" opacity="0.9"/>
+  
+  <!-- Middle column -->
+  <rect x="48" y="28" width="24" height="22" rx="5" fill="url(#vibeGradLight)" opacity="0.9"/>
+  <rect x="48" y="56" width="24" height="36" rx="5" fill="url(#vibeGradLight)" opacity="0.95"/>
+  <rect x="48" y="98" width="24" height="14" rx="5" fill="url(#vibeGradLight)" opacity="0.8"/>
+  
+  <!-- Right column -->
+  <rect x="78" y="22" width="24" height="38" rx="5" fill="url(#vibeGradLight)" opacity="0.85"/>
+  <rect x="78" y="66" width="24" height="24" rx="5" fill="url(#vibeGradLight)" opacity="0.9"/>
+  <rect x="78" y="96" width="24" height="16" rx="5" fill="url(#vibeGradLight)" opacity="0.85"/>
+  
+  <!-- Infinite loop symbol (subtle overlay) -->
+  <path d="M 30 60 Q 40 50, 50 60 Q 60 70, 70 60" stroke="url(#vibeGradLight)" stroke-width="3" fill="none" opacity="0.6" stroke-linecap="round"/>
+  <path d="M 30 60 Q 40 70, 50 60 Q 60 50, 70 60" stroke="url(#vibeGradLight)" stroke-width="3" fill="none" opacity="0.6" stroke-linecap="round"/>
+</svg>
+

package/lib/logo.svg

@@ -1,32 +1,32 @@
-<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
-      <stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" />
-    </linearGradient>
-  </defs>
-  
-  <!-- Background circle -->
-  <circle cx="60" cy="60" r="58" fill="url(#grad1)" opacity="0.1"/>
-  
-  <!-- Masonry blocks representing infinite layout -->
-  <!-- Column 1 -->
-  <rect x="20" y="15" width="22" height="28" rx="4" fill="url(#grad1)" opacity="0.9"/>
-  <rect x="20" y="48" width="22" height="18" rx="4" fill="url(#grad1)" opacity="0.7"/>
-  <rect x="20" y="71" width="22" height="34" rx="4" fill="url(#grad1)" opacity="0.8"/>
-  
-  <!-- Column 2 -->
-  <rect x="49" y="25" width="22" height="20" rx="4" fill="url(#grad1)" opacity="0.8"/>
-  <rect x="49" y="50" width="22" height="32" rx="4" fill="url(#grad1)" opacity="0.9"/>
-  <rect x="49" y="87" width="22" height="18" rx="4" fill="url(#grad1)" opacity="0.6"/>
-  
-  <!-- Column 3 -->
-  <rect x="78" y="18" width="22" height="35" rx="4" fill="url(#grad1)" opacity="0.7"/>
-  <rect x="78" y="58" width="22" height="22" rx="4" fill="url(#grad1)" opacity="0.9"/>
-  <rect x="78" y="85" width="22" height="20" rx="4" fill="url(#grad1)" opacity="0.8"/>
-  
-  <!-- Infinite symbol overlay (subtle) -->
-  <path d="M 35 60 Q 45 50, 55 60 Q 65 70, 75 60" stroke="url(#grad1)" stroke-width="2.5" fill="none" opacity="0.6" stroke-linecap="round"/>
-  <path d="M 35 60 Q 45 70, 55 60 Q 65 50, 75 60" stroke="url(#grad1)" stroke-width="2.5" fill="none" opacity="0.6" stroke-linecap="round"/>
-</svg>
-
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Background circle -->
+  <circle cx="60" cy="60" r="58" fill="url(#grad1)" opacity="0.1"/>
+  
+  <!-- Masonry blocks representing infinite layout -->
+  <!-- Column 1 -->
+  <rect x="20" y="15" width="22" height="28" rx="4" fill="url(#grad1)" opacity="0.9"/>
+  <rect x="20" y="48" width="22" height="18" rx="4" fill="url(#grad1)" opacity="0.7"/>
+  <rect x="20" y="71" width="22" height="34" rx="4" fill="url(#grad1)" opacity="0.8"/>
+  
+  <!-- Column 2 -->
+  <rect x="49" y="25" width="22" height="20" rx="4" fill="url(#grad1)" opacity="0.8"/>
+  <rect x="49" y="50" width="22" height="32" rx="4" fill="url(#grad1)" opacity="0.9"/>
+  <rect x="49" y="87" width="22" height="18" rx="4" fill="url(#grad1)" opacity="0.6"/>
+  
+  <!-- Column 3 -->
+  <rect x="78" y="18" width="22" height="35" rx="4" fill="url(#grad1)" opacity="0.7"/>
+  <rect x="78" y="58" width="22" height="22" rx="4" fill="url(#grad1)" opacity="0.9"/>
+  <rect x="78" y="85" width="22" height="20" rx="4" fill="url(#grad1)" opacity="0.8"/>
+  
+  <!-- Infinite symbol overlay (subtle) -->
+  <path d="M 35 60 Q 45 50, 55 60 Q 65 70, 75 60" stroke="url(#grad1)" stroke-width="2.5" fill="none" opacity="0.6" stroke-linecap="round"/>
+  <path d="M 35 60 Q 45 70, 55 60 Q 65 50, 75 60" stroke="url(#grad1)" stroke-width="2.5" fill="none" opacity="0.6" stroke-linecap="round"/>
+</svg>
+

package/lib/manifest.json

@@ -38,4 +38,4 @@
       "type": "image/png"
     }
   ]
-}
+}

package/package.json

@@ -1,96 +1,82 @@
-{
-  "name": "@wyxos/vibe",
-  "version": "1.6.29",
-  "description": "A high-performance, responsive masonry layout engine for Vue 3 with built-in infinite scrolling and virtualization.",
-  "keywords": [
-    "vue",
-    "vue3",
-    "masonry",
-    "grid",
-    "layout",
-    "infinite-scroll",
-    "virtualization",
-    "responsive",
-    "performance",
-    "swipe",
-    "feed",
-    "mobile"
-  ],
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/wyxos/vibe.git"
-  },
-  "homepage": "https://vibe.wyxos.com/",
-  "bugs": {
-    "url": "https://github.com/wyxos/vibe/issues"
-  },
-  "main": "lib/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./lib/index.js",
-      "types": "./lib/index.d.ts"
-    },
-    "./vibe.css": "./lib/vibe.css",
-    "./package.json": "./package.json"
-  },
-  "bin": {
-    "vibe": "./toggle-link.mjs"
-  },
-  "type": "module",
-  "files": [
-    "lib",
-    "src"
-  ],
-  "sideEffects": [
-    "./lib/vibe.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build && node write-cname.js",
-    "build:demo": "vue-tsc --noEmit && vite build && node write-cname.js",
-    "build:lib": "vite build --config vite.lib.config.ts && vue-tsc --declaration --emitDeclarationOnly --outDir lib",
-    "preview": "vite preview",
-    "watch": "vite build --watch",
-    "release": "npx @wyxos/zephyr --type=node",
-    "test": "vitest run",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui",
-    "test:e2e:headed": "playwright test --headed",
-    "type-check": "vue-tsc --noEmit",
-    "prepublishOnly": "npm run build:lib"
-  },
-  "dependencies": {
-    "@types/highlight.js": "^9.12.4",
-    "highlight.js": "^11.11.1",
-    "lodash": "^4.17.21",
-    "lodash-es": "^4.17.21",
-    "vue": "^3.0.0",
-    "vue-router": "^4.6.3"
-  },
-  "peerDependencies": {
-    "vue": "^3.0.0"
-  },
-  "devDependencies": {
-    "@playwright/test": "^1.56.1",
-    "@resvg/resvg-js": "^2.6.2",
-    "@tailwindcss/vite": "^4.0.15",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.5.2",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vue/test-utils": "^2.4.6",
-    "chalk": "^5.3.0",
-    "inquirer": "^10.1.8",
-    "jsdom": "^26.0.0",
-    "sharp": "^0.34.5",
-    "simple-git": "^3.27.0",
-    "tailwindcss": "^4.0.15",
-    "typescript": "^5.9.2",
-    "uuid": "^11.1.0",
-    "vite": "^6.2.0",
-    "vitest": "^3.0.9",
-    "vue-tsc": "^3.1.0"
-  }
-}
+{
+  "name": "@wyxos/vibe",
+  "version": "2.0.2",
+  "description": "A high-performance, responsive masonry layout engine for Vue 3 with built-in infinite scrolling and virtualization.",
+  "keywords": [
+    "vue",
+    "vue3",
+    "masonry",
+    "grid",
+    "layout",
+    "infinite-scroll",
+    "virtualization",
+    "responsive",
+    "performance"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/wyxos/vibe.git"
+  },
+  "homepage": "https://vibe.wyxos.com/",
+  "bugs": {
+    "url": "https://github.com/wyxos/vibe/issues"
+  },
+  "type": "module",
+  "main": "./lib/index.cjs",
+  "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && node write-cname.js",
+    "build:lib": "vite build -c vite.config.lib.js",
+    "build:types": "vue-tsc -p tsconfig.lib.json",
+    "prepublishOnly": "npm run check && npm run build:lib && npm run build:types",
+    "preview": "vite preview",
+    "check": "npm -s run lint && npm -s run typecheck && npm -s run test",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "release": "npx @wyxos/zephyr --type=node",
+    "test": "vitest run --reporter=dot --silent",
+    "test:unit": "vitest run",
+    "test:e2e": "playwright test",
+    "typecheck": "vue-tsc --noEmit --pretty false"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "devDependencies": {
+    "@fortawesome/fontawesome-free": "^7.1.0",
+    "@playwright/test": "^1.50.0",
+    "@tailwindcss/vite": "^4.1.18",
+    "@eslint/js": "^9.37.0",
+    "@types/node": "^25.0.3",
+    "@typescript-eslint/eslint-plugin": "^8.33.0",
+    "@typescript-eslint/parser": "^8.33.0",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vue/test-utils": "^2.4.6",
+    "eslint": "^9.37.0",
+    "eslint-plugin-vue": "^10.5.1",
+    "globals": "^16.4.0",
+    "jsdom": "^26.0.0",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5.9.3",
+    "vite": "7.1.11",
+    "vitest": "^2.1.8",
+    "vue": "^3.5.13",
+    "vue-router": "^4.6.4",
+    "vue-eslint-parser": "^10.0.0",
+    "vue-tsc": "^3.2.1"
+  }
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 Wyxos
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/lib/vibe.css

@@ -1 +0,0 @@
-.masonry-container[data-v-3ebb00d9]{overflow-anchor:none}.masonry-item[data-v-3ebb00d9]{will-change:transform,opacity;contain:layout paint;transition:transform var(--masonry-duration, .45s) var(--masonry-ease, cubic-bezier(.22, .61, .36, 1)),opacity var(--masonry-leave-duration, .16s) ease-out var(--masonry-opacity-delay, 0ms);backface-visibility:hidden}.masonry-move[data-v-3ebb00d9]{transition:transform var(--masonry-duration, .45s) var(--masonry-ease, cubic-bezier(.22, .61, .36, 1))}@media (prefers-reduced-motion: reduce){.masonry-container:not(.force-motion) .masonry-item[data-v-3ebb00d9],.masonry-container:not(.force-motion) .masonry-move[data-v-3ebb00d9]{transition-duration:1ms!important}}

package/lib/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/App.vue

@@ -1,35 +0,0 @@
-<template>
-  <div id="app">
-    <nav class="fixed top-0 left-0 right-0 z-30 bg-white/90 backdrop-blur-md border-b border-slate-200 shadow-sm">
-      <div class="max-w-7xl mx-auto px-4 py-3">
-        <div class="flex items-center justify-between">
-          <router-link to="/" class="flex items-center gap-2 text-lg font-bold text-slate-800 hover:text-blue-600 transition-colors">
-            <img src="/logo-light.svg" alt="VIBE" class="w-8 h-8" />
-            <span>VIBE</span>
-          </router-link>
-          <div class="flex items-center gap-4">
-            <router-link 
-              to="/" 
-              class="text-sm text-slate-600 hover:text-slate-800 transition-colors"
-              active-class="text-blue-600 font-medium"
-            >
-              Demo
-            </router-link>
-            <router-link 
-              to="/examples" 
-              class="text-sm text-slate-600 hover:text-slate-800 transition-colors"
-              active-class="text-blue-600 font-medium"
-            >
-              Examples
-            </router-link>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <router-view />
-  </div>
-</template>
-
-<script setup lang="ts">
-// Root App component with router
-</script>