[{"data":1,"prerenderedAt":165},["ShallowReactive",2],{"navigation_docs":3,"landing":47},[4,26],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":25},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Data modes","\u002Fgetting-started\u002Fdata-modes","1.getting-started\u002F3.data-modes","i-lucide-git-fork",false,{"title":27,"icon":28,"path":29,"stem":30,"children":31,"page":25},"Reference","i-lucide-book-open","\u002Freference","2.reference",[32,37,42],{"title":33,"path":34,"stem":35,"icon":36},"Props, events & methods","\u002Freference\u002Fprops","2.reference\u002F1.props","i-lucide-sliders-horizontal",{"title":38,"path":39,"stem":40,"icon":41},"Gradients","\u002Freference\u002Fgradients","2.reference\u002F2.gradients","i-lucide-palette",{"title":43,"path":44,"stem":45,"icon":46},"Composables & protocol","\u002Freference\u002Fcomposables","2.reference\u002F3.composables","i-lucide-plug",{"id":48,"title":49,"body":50,"description":49,"extension":156,"meta":157,"navigation":158,"path":159,"seo":160,"stem":163,"__hash__":164},"landing\u002Findex.md","",{"type":51,"value":52,"toc":153},"minimark",[53,85,91],[54,55,56,60,63],"u-page-hero",{},[57,58,59],"template",{"v-slot:title":49},"Real-time audio spectrum, on the GPU",[57,61,62],{"v-slot:description":49},"A high-performance, WebGL-based audio spectrum analyzer and FFT visualizer for Vue 3.\nVisualize the microphone, tab\u002Fsystem audio, a WebSocket stream, or your own data —\nthe entire frame drawn by a single fragment shader.",[57,64,65,72,79],{"v-slot:links":49},[66,67,71],"u-button",{"color":68,"size":69,"to":17,"trailing-icon":70},"neutral","xl","i-lucide-arrow-right","Get started",[66,73,78],{"color":68,"size":69,"to":74,"icon":75,"variant":76,"target":77},"https:\u002F\u002Fvue-fft-visualizer.vercel.app","i-lucide-play","subtle","_blank","Live demo",[66,80,84],{"color":68,"size":69,"to":81,"icon":82,"variant":83},"https:\u002F\u002Fgithub.com\u002Fharmonics-audio\u002Fvue-fft-visualizer","i-simple-icons-github","outline","View on GitHub",[86,87,88],"u-container",{},[89,90],"demo-player",{},[92,93,94,97],"u-page-section",{},[57,95,96],{"v-slot:title":49},"Why FFT Visualizer",[57,98,99,109,118,127,135,144],{"v-slot:features":49},[100,101,103,106],"u-page-feature",{"icon":102},"i-lucide-cpu",[57,104,105],{"v-slot:title":49},"Single-draw-call WebGL",[57,107,108],{"v-slot:description":49},"Every bar, LED segment, gradient, glow and reflection is rendered by one fragment\nshader — smooth at 120fps with 80 bands in stereo.",[100,110,112,115],{"icon":111},"i-lucide-mic",[57,113,114],{"v-slot:title":49},"Three data sources",[57,116,117],{"v-slot:description":49},"Capture audio locally (mic or tab\u002Fsystem), stream pre-computed FFT over WebSocket,\nor feed your own magnitudes via props.",[100,119,121,124],{"icon":120},"i-lucide-waves",[57,122,123],{"v-slot:title":49},"In-browser FFT (Rust\u002FWASM)",[57,125,126],{"v-slot:description":49},"Optional WebAssembly FFT processor, lazy-loaded only when you capture audio locally.\nZero backend required.",[100,128,129,132],{"icon":41},[57,130,131],{"v-slot:title":49},"Rich visual modes",[57,133,134],{"v-slot:description":49},"LED segments, radial layout, stereo, mirrored reflection, glow, rotation, and 10\ngradient presets or your own CSS-color stops.",[100,136,138,141],{"icon":137},"i-lucide-package",[57,139,140],{"v-slot:title":49},"One peer dependency",[57,142,143],{"v-slot:description":49},"Just Vue 3. Rendering uses native WebGL — no charting library, no canvas 2D.",[100,145,147,150],{"icon":146},"i-lucide-square-dashed",[57,148,149],{"v-slot:title":49},"Transparent & themeable",[57,151,152],{"v-slot:description":49},"Any background color, including a fully transparent canvas that blends into your\npage. SSR-safe for Nuxt.",{"title":49,"searchDepth":154,"depth":154,"links":155},2,[],"md",{},true,"\u002F",{"title":161,"description":162},"FFT Visualizer — WebGL audio spectrum analyzer for Vue","A high-performance, WebGL-based real-time audio spectrum analyzer and FFT visualizer component for Vue 3. Microphone, tab\u002Fsystem audio, WebSocket, or your own Web Audio data — rendered on the GPU in a single draw call.","index","7wipov2DKgN3ess8_e9JYHQ_3WQJWDowb9Abzh5WCzk",1784469223571]