[{"data":1,"prerenderedAt":407},["ShallowReactive",2],{"navigation":3,"\u002Fgetting-started\u002Finstallation-nuxt":136,"\u002Fgetting-started\u002Finstallation-nuxt-surround":402},[4,27],{"title":5,"path":6,"stem":7,"children":8,"icon":26},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,21],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation (Nuxt)","\u002Fgetting-started\u002Finstallation-nuxt","1.getting-started\u002F2.installation-nuxt","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":16},"Installation (Standalone)","\u002Fgetting-started\u002Finstallation-standalone","1.getting-started\u002F3.installation-standalone",{"title":22,"path":23,"stem":24,"icon":25},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":28,"path":29,"stem":30,"children":31,"page":26},"Components","\u002Fcomponents","runtime",[32,36,40,44,48,52,56,60,64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132],{"title":33,"path":34,"stem":35},"WAsyncValidatedInput","\u002Fcomponents\u002Fw-async-validated-input","runtime\u002Fcomponents\u002FWAsyncValidatedInput\u002FWAsyncValidatedInput",{"title":37,"path":38,"stem":39},"WAuth","\u002Fcomponents\u002Fw-auth","runtime\u002Fcomponents\u002FWAuth\u002FWAuth",{"title":41,"path":42,"stem":43},"WAuthLocalUser","\u002Fcomponents\u002Fw-auth-local-users","runtime\u002Fcomponents\u002FWAuth\u002FWAuthLocalUsers",{"title":45,"path":46,"stem":47},"WButton","\u002Fcomponents\u002Fw-button","runtime\u002Fcomponents\u002FWButton\u002FWButton",{"title":49,"path":50,"stem":51},"WCheckbox","\u002Fcomponents\u002Fw-checkbox","runtime\u002Fcomponents\u002FWCheckbox\u002FWCheckbox",{"title":53,"path":54,"stem":55},"WColorInput","\u002Fcomponents\u002Fw-color-input","runtime\u002Fcomponents\u002FWColorInput\u002FWColorInput",{"title":57,"path":58,"stem":59},"WColorPicker","\u002Fcomponents\u002Fw-color-picker","runtime\u002Fcomponents\u002FWColorPicker\u002FWColorPicker",{"title":61,"path":62,"stem":63},"WCombobox","\u002Fcomponents\u002Fw-combobox","runtime\u002Fcomponents\u002FWCombobox\u002FWCombobox",{"title":65,"path":66,"stem":67},"WDarkModeSwitcher","\u002Fcomponents\u002Fw-dark-mode-switcher","runtime\u002Fcomponents\u002FWDarkModeSwitcher\u002FWDarkModeSwitcher",{"title":69,"path":70,"stem":71},"WDatePicker","\u002Fcomponents\u002Fw-date-picker","runtime\u002Fcomponents\u002FWDatePicker\u002FWDatePicker",{"title":73,"path":74,"stem":75},"WFileInput","\u002Fcomponents\u002Fw-file-input","runtime\u002Fcomponents\u002FWFileInput\u002FWFileInput",{"title":77,"path":78,"stem":79},"WIcon","\u002Fcomponents\u002Fw-icon","runtime\u002Fcomponents\u002FWIcon\u002FWIcon",{"title":81,"path":82,"stem":83},"WMetamorphosisTheme","\u002Fcomponents\u002Fw-metamorphosis-theme","runtime\u002Fcomponents\u002FWMetamorphosisTheme\u002FWMetamorphosisTheme",{"title":85,"path":86,"stem":87},"WMultiValues","\u002Fcomponents\u002Fw-multi-values","runtime\u002Fcomponents\u002FWMultiValues\u002FWMultiValues",{"title":89,"path":90,"stem":91},"WNotification","\u002Fcomponents\u002Fw-notification","runtime\u002Fcomponents\u002FWNotifications\u002FWNotification",{"title":93,"path":94,"stem":95},"WNotifications","\u002Fcomponents\u002Fw-notifications","runtime\u002Fcomponents\u002FWNotifications\u002FWNotifications",{"title":97,"path":98,"stem":99},"WNumberInput","\u002Fcomponents\u002Fw-number-input","runtime\u002Fcomponents\u002FWNumberInput\u002FWNumberInput",{"title":101,"path":102,"stem":103},"WPagination","\u002Fcomponents\u002Fw-pagination","runtime\u002Fcomponents\u002FWPagination\u002FWPagination",{"title":105,"path":106,"stem":107},"WPalette","\u002Fcomponents\u002Fw-palette","runtime\u002Fcomponents\u002FWPalette\u002FWPalette",{"title":109,"path":110,"stem":111},"WPopover","\u002Fcomponents\u002Fw-popover","runtime\u002Fcomponents\u002FWPopover\u002FWPopover",{"title":113,"path":114,"stem":115},"WPopup","\u002Fcomponents\u002Fw-popup","runtime\u002Fcomponents\u002FWPopup\u002FWPopup",{"title":117,"path":118,"stem":119},"WProgressBar","\u002Fcomponents\u002Fw-progress-bar","runtime\u002Fcomponents\u002FWProgressBar\u002FWProgressBar",{"title":121,"path":122,"stem":123},"WRecorder","\u002Fcomponents\u002Fw-recorder","runtime\u002Fcomponents\u002FWRecorder\u002FWRecorder",{"title":125,"path":126,"stem":127},"WSimpleInput","\u002Fcomponents\u002Fw-simple-input","runtime\u002Fcomponents\u002FWSimpleInput\u002FWSimpleInput",{"title":129,"path":130,"stem":131},"WTable","\u002Fcomponents\u002Fw-table","runtime\u002Fcomponents\u002FWTable\u002FWTable",{"title":133,"path":134,"stem":135},"WTooltip","\u002Fcomponents\u002Fw-tooltip","runtime\u002Fcomponents\u002FWTooltip\u002FWTooltip",{"id":137,"title":13,"body":138,"description":395,"extension":396,"links":397,"meta":398,"navigation":399,"path":14,"seo":400,"stem":15,"__hash__":401},"docs\u002F1.getting-started\u002F2.installation-nuxt.md",{"type":139,"value":140,"toc":388},"minimark",[141,146,172,176,184,244,247,270,274,277,324,328,338,342,348,377,384],[142,143,145],"h2",{"id":144},"install","Install",[147,148,153],"pre",{"className":149,"code":150,"language":151,"meta":152,"style":152},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npm install @witchcraft\u002Fui\n","bash","",[154,155,156],"code",{"__ignoreMap":152},[157,158,161,165,169],"span",{"class":159,"line":160},"line",1,[157,162,164],{"class":163},"sBMFI","npm",[157,166,168],{"class":167},"sfazB"," install",[157,170,171],{"class":167}," @witchcraft\u002Fui\n",[142,173,175],{"id":174},"nuxt-setup","Nuxt Setup",[177,178,179,180,183],"p",{},"Add the module to your ",[154,181,182],{},"nuxt.config.ts",":",[147,185,189],{"className":186,"code":187,"filename":182,"language":188,"meta":152,"style":152},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n    modules: ['@witchcraft\u002Fui']\n})\n","ts",[154,190,191,212,235],{"__ignoreMap":152},[157,192,193,197,200,204,208],{"class":159,"line":160},[157,194,196],{"class":195},"s7zQu","export",[157,198,199],{"class":195}," default",[157,201,203],{"class":202},"s2Zo4"," defineNuxtConfig",[157,205,207],{"class":206},"sTEyZ","(",[157,209,211],{"class":210},"sMK4o","{\n",[157,213,215,219,221,224,227,230,232],{"class":159,"line":214},2,[157,216,218],{"class":217},"swJcz","    modules",[157,220,183],{"class":210},[157,222,223],{"class":206}," [",[157,225,226],{"class":210},"'",[157,228,229],{"class":167},"@witchcraft\u002Fui",[157,231,226],{"class":210},[157,233,234],{"class":206},"]\n",[157,236,238,241],{"class":159,"line":237},3,[157,239,240],{"class":210},"}",[157,242,243],{"class":206},")\n",[177,245,246],{},"The module automatically sets up:",[248,249,250,258,264],"ul",{},[251,252,253,254,257],"li",{},"Tailwind CSS v4 with a custom ",[154,255,256],{},"witchcraft-ui.css"," file",[251,259,260,263],{},[154,261,262],{},"unplugin-icons\u002Fnuxt"," for icon support",[251,265,266,267],{},"Reka UI via ",[154,268,269],{},"reka-ui\u002Fnuxt",[142,271,273],{"id":272},"tailwind-css","Tailwind CSS",[177,275,276],{},"Import the generated stylesheet in your Tailwind CSS file:",[147,278,283],{"className":279,"code":280,"filename":281,"language":282,"meta":152,"style":152},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@import \"@tailwindcss\" source(\"..\u002F..\u002Fapp\");\n@import \"..\u002F..\u002F.nuxt\u002Fwitchcraft-ui.css\";\n","~\u002Fassets\u002Fcss\u002Ftailwind.css","css",[154,284,285,310],{"__ignoreMap":152},[157,286,287,290,293,296,299,302,304,307],{"class":159,"line":160},[157,288,289],{"class":195},"@import",[157,291,292],{"class":210}," \"",[157,294,295],{"class":167},"@tailwindcss",[157,297,298],{"class":210},"\"",[157,300,301],{"class":206}," source",[157,303,207],{"class":210},[157,305,306],{"class":206},"\"..\u002F..\u002Fapp\"",[157,308,309],{"class":210},");\n",[157,311,312,314,316,319,321],{"class":159,"line":214},[157,313,289],{"class":195},[157,315,292],{"class":210},[157,317,318],{"class":167},"..\u002F..\u002F.nuxt\u002Fwitchcraft-ui.css",[157,320,298],{"class":210},[157,322,323],{"class":210},";\n",[142,325,327],{"id":326},"icons","Icons",[177,329,330,331,333,334,337],{},"The module installs ",[154,332,262],{}," and configures it with custom styles. You can disable this with the ",[154,335,336],{},"includeUnpluginIconsPlugins"," option.",[142,339,341],{"id":340},"helpers","Helpers",[177,343,344,345,183],{},"Some helpers are not auto-imported. Import them from ",[154,346,347],{},"#witchcraft-ui-helpers",[147,349,351],{"className":186,"code":350,"language":188,"meta":152,"style":152},"import { someHelper } from \"#witchcraft-ui-helpers\"\n",[154,352,353],{"__ignoreMap":152},[157,354,355,358,361,364,367,370,372,374],{"class":159,"line":160},[157,356,357],{"class":195},"import",[157,359,360],{"class":210}," {",[157,362,363],{"class":206}," someHelper",[157,365,366],{"class":210}," }",[157,368,369],{"class":195}," from",[157,371,292],{"class":210},[157,373,347],{"class":167},[157,375,376],{"class":210},"\"\n",[177,378,379,380,383],{},"Anything else can be imported from ",[154,381,382],{},"#witchcraft-ui",".",[385,386,387],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":152,"searchDepth":160,"depth":214,"links":389},[390,391,392,393,394],{"id":144,"depth":214,"text":145},{"id":174,"depth":214,"text":175},{"id":272,"depth":214,"text":273},{"id":326,"depth":214,"text":327},{"id":340,"depth":214,"text":341},"Install and configure @witchcraft\u002Fui in your Nuxt project.","md",null,{},{"icon":16},{"title":13,"description":395},"zFyBxj2ZK6xaTBtyJKWaziQveMFwPRfuGQEwpJVBChE",[403,405],{"title":10,"path":6,"stem":7,"description":404,"icon":11,"children":-1},"Opinionated, batteries-included Vue\u002FNuxt component library built on Reka UI with Tailwind CSS.",{"title":18,"path":19,"stem":20,"description":406,"icon":16,"children":-1},"Use @witchcraft\u002Fui without Nuxt.",1781830839057]