[{"data":1,"prerenderedAt":597},["ShallowReactive",2],{"1-0":3,"3-0":63,"5-0":303},{"data":4,"body":5},{},{"type":6,"children":7},"root",[8,16,58],{"type":9,"tag":10,"props":11,"children":12},"element","p",{},[13],{"type":14,"value":15},"text","Hello! I'm your AI assistant. I can help you with:",{"type":9,"tag":17,"props":18,"children":19},"ul",{},[20,34,46],{"type":9,"tag":21,"props":22,"children":23},"li",{},[24,26,32],{"type":14,"value":25},"🎨 ",{"type":9,"tag":27,"props":28,"children":29},"strong",{},[30],{"type":14,"value":31},"Building Nuxt UI themes",{"type":14,"value":33}," — colors, fonts, radius",{"type":9,"tag":21,"props":35,"children":36},{},[37,39,44],{"type":14,"value":38},"💻 ",{"type":9,"tag":27,"props":40,"children":41},{},[42],{"type":14,"value":43},"Writing code",{"type":14,"value":45}," — components, composables, configs",{"type":9,"tag":21,"props":47,"children":48},{},[49,51,56],{"type":14,"value":50},"❓ ",{"type":9,"tag":27,"props":52,"children":53},{},[54],{"type":14,"value":55},"Answering questions",{"type":14,"value":57}," — about Nuxt, Tailwind, and more",{"type":9,"tag":10,"props":59,"children":60},{},[61],{"type":14,"value":62},"How can I help you today?",{"data":64,"body":65},{},{"type":6,"children":66},[67,72,79,84,176,182,211,217,222,273,279,284,298],{"type":9,"tag":10,"props":68,"children":69},{},[70],{"type":14,"value":71},"Of course! Here are some tips for choosing a great color palette:",{"type":9,"tag":73,"props":74,"children":76},"h2",{"id":75},"_1-start-with-your-primary-color",[77],{"type":14,"value":78},"1. Start with your primary color",{"type":9,"tag":10,"props":80,"children":81},{},[82],{"type":14,"value":83},"Pick one that represents your brand:",{"type":9,"tag":85,"props":86,"children":87},"table",{},[88,107],{"type":9,"tag":89,"props":90,"children":91},"thead",{},[92],{"type":9,"tag":93,"props":94,"children":95},"tr",{},[96,102],{"type":9,"tag":97,"props":98,"children":99},"th",{},[100],{"type":14,"value":101},"Color",{"type":9,"tag":97,"props":103,"children":104},{},[105],{"type":14,"value":106},"Conveys",{"type":9,"tag":108,"props":109,"children":110},"tbody",{},[111,128,144,160],{"type":9,"tag":93,"props":112,"children":113},{},[114,123],{"type":9,"tag":115,"props":116,"children":117},"td",{},[118],{"type":9,"tag":27,"props":119,"children":120},{},[121],{"type":14,"value":122},"Blue",{"type":9,"tag":115,"props":124,"children":125},{},[126],{"type":14,"value":127},"Trust & stability",{"type":9,"tag":93,"props":129,"children":130},{},[131,139],{"type":9,"tag":115,"props":132,"children":133},{},[134],{"type":9,"tag":27,"props":135,"children":136},{},[137],{"type":14,"value":138},"Green",{"type":9,"tag":115,"props":140,"children":141},{},[142],{"type":14,"value":143},"Growth & health",{"type":9,"tag":93,"props":145,"children":146},{},[147,155],{"type":9,"tag":115,"props":148,"children":149},{},[150],{"type":9,"tag":27,"props":151,"children":152},{},[153],{"type":14,"value":154},"Purple",{"type":9,"tag":115,"props":156,"children":157},{},[158],{"type":14,"value":159},"Creativity & luxury",{"type":9,"tag":93,"props":161,"children":162},{},[163,171],{"type":9,"tag":115,"props":164,"children":165},{},[166],{"type":9,"tag":27,"props":167,"children":168},{},[169],{"type":14,"value":170},"Red",{"type":9,"tag":115,"props":172,"children":173},{},[174],{"type":14,"value":175},"Energy & urgency",{"type":9,"tag":73,"props":177,"children":179},{"id":178},"_2-complementary-secondary",[180],{"type":14,"value":181},"2. Complementary secondary",{"type":9,"tag":10,"props":183,"children":184},{},[185,187,194,196,202,203,209],{"type":14,"value":186},"Contrast with your primary: ",{"type":9,"tag":188,"props":189,"children":191},"code",{"className":190},[],[192],{"type":14,"value":193},"blue → orange",{"type":14,"value":195},", ",{"type":9,"tag":188,"props":197,"children":199},{"className":198},[],[200],{"type":14,"value":201},"violet → cyan",{"type":14,"value":195},{"type":9,"tag":188,"props":204,"children":206},{"className":205},[],[207],{"type":14,"value":208},"green → rose",{"type":14,"value":210},".",{"type":9,"tag":73,"props":212,"children":214},{"id":213},"_3-semantic-colors",[215],{"type":14,"value":216},"3. Semantic colors",{"type":9,"tag":10,"props":218,"children":219},{},[220],{"type":14,"value":221},"Keep them intuitive:",{"type":9,"tag":17,"props":223,"children":224},{},[225,237,249,261],{"type":9,"tag":21,"props":226,"children":227},{},[228,230,235],{"type":14,"value":229},"✅ ",{"type":9,"tag":27,"props":231,"children":232},{},[233],{"type":14,"value":234},"Success",{"type":14,"value":236}," — green \u002F emerald",{"type":9,"tag":21,"props":238,"children":239},{},[240,242,247],{"type":14,"value":241},"⚠️ ",{"type":9,"tag":27,"props":243,"children":244},{},[245],{"type":14,"value":246},"Warning",{"type":14,"value":248}," — amber \u002F yellow",{"type":9,"tag":21,"props":250,"children":251},{},[252,254,259],{"type":14,"value":253},"❌ ",{"type":9,"tag":27,"props":255,"children":256},{},[257],{"type":14,"value":258},"Error",{"type":14,"value":260}," — red \u002F rose",{"type":9,"tag":21,"props":262,"children":263},{},[264,266,271],{"type":14,"value":265},"ℹ️ ",{"type":9,"tag":27,"props":267,"children":268},{},[269],{"type":14,"value":270},"Info",{"type":14,"value":272}," — sky \u002F blue",{"type":9,"tag":73,"props":274,"children":276},{"id":275},"_4-neutral-palette",[277],{"type":14,"value":278},"4. Neutral palette",{"type":9,"tag":10,"props":280,"children":281},{},[282],{"type":14,"value":283},"Slate, zinc, or gray for text and backgrounds.",{"type":9,"tag":285,"props":286,"children":287},"blockquote",{},[288],{"type":9,"tag":10,"props":289,"children":290},{},[291,296],{"type":9,"tag":27,"props":292,"children":293},{},[294],{"type":14,"value":295},"Pro tip:",{"type":14,"value":297}," A good neutral is just as important as your primary color — it makes up most of your UI.",{"type":9,"tag":10,"props":299,"children":300},{},[301],{"type":14,"value":302},"Would you like me to suggest a specific palette?",{"data":304,"body":305},{},{"type":6,"children":306},[307,312,318,515,521,564,577,592],{"type":9,"tag":10,"props":308,"children":309},{},[310],{"type":14,"value":311},"Great choice! Violet is perfect for dev tools — modern and technical.",{"type":9,"tag":73,"props":313,"children":315},{"id":314},"recommended-palette",[316],{"type":14,"value":317},"Recommended palette",{"type":9,"tag":85,"props":319,"children":320},{},[321,341],{"type":9,"tag":89,"props":322,"children":323},{},[324],{"type":9,"tag":93,"props":325,"children":326},{},[327,332,336],{"type":9,"tag":97,"props":328,"children":329},{},[330],{"type":14,"value":331},"Role",{"type":9,"tag":97,"props":333,"children":334},{},[335],{"type":14,"value":101},{"type":9,"tag":97,"props":337,"children":338},{},[339],{"type":14,"value":340},"Why",{"type":9,"tag":108,"props":342,"children":343},{},[344,369,394,418,442,466,490],{"type":9,"tag":93,"props":345,"children":346},{},[347,355,364],{"type":9,"tag":115,"props":348,"children":349},{},[350],{"type":9,"tag":27,"props":351,"children":352},{},[353],{"type":14,"value":354},"Primary",{"type":9,"tag":115,"props":356,"children":357},{},[358],{"type":9,"tag":188,"props":359,"children":361},{"className":360},[],[362],{"type":14,"value":363},"violet",{"type":9,"tag":115,"props":365,"children":366},{},[367],{"type":14,"value":368},"Modern, tech-forward",{"type":9,"tag":93,"props":370,"children":371},{},[372,380,389],{"type":9,"tag":115,"props":373,"children":374},{},[375],{"type":9,"tag":27,"props":376,"children":377},{},[378],{"type":14,"value":379},"Secondary",{"type":9,"tag":115,"props":381,"children":382},{},[383],{"type":9,"tag":188,"props":384,"children":386},{"className":385},[],[387],{"type":14,"value":388},"cyan",{"type":9,"tag":115,"props":390,"children":391},{},[392],{"type":14,"value":393},"High contrast complement",{"type":9,"tag":93,"props":395,"children":396},{},[397,404,413],{"type":9,"tag":115,"props":398,"children":399},{},[400],{"type":9,"tag":27,"props":401,"children":402},{},[403],{"type":14,"value":234},{"type":9,"tag":115,"props":405,"children":406},{},[407],{"type":9,"tag":188,"props":408,"children":410},{"className":409},[],[411],{"type":14,"value":412},"emerald",{"type":9,"tag":115,"props":414,"children":415},{},[416],{"type":14,"value":417},"Sophisticated green",{"type":9,"tag":93,"props":419,"children":420},{},[421,428,437],{"type":9,"tag":115,"props":422,"children":423},{},[424],{"type":9,"tag":27,"props":425,"children":426},{},[427],{"type":14,"value":270},{"type":9,"tag":115,"props":429,"children":430},{},[431],{"type":9,"tag":188,"props":432,"children":434},{"className":433},[],[435],{"type":14,"value":436},"sky",{"type":9,"tag":115,"props":438,"children":439},{},[440],{"type":14,"value":441},"Calm, informational",{"type":9,"tag":93,"props":443,"children":444},{},[445,452,461],{"type":9,"tag":115,"props":446,"children":447},{},[448],{"type":9,"tag":27,"props":449,"children":450},{},[451],{"type":14,"value":246},{"type":9,"tag":115,"props":453,"children":454},{},[455],{"type":9,"tag":188,"props":456,"children":458},{"className":457},[],[459],{"type":14,"value":460},"amber",{"type":9,"tag":115,"props":462,"children":463},{},[464],{"type":14,"value":465},"Clear without alarm",{"type":9,"tag":93,"props":467,"children":468},{},[469,476,485],{"type":9,"tag":115,"props":470,"children":471},{},[472],{"type":9,"tag":27,"props":473,"children":474},{},[475],{"type":14,"value":258},{"type":9,"tag":115,"props":477,"children":478},{},[479],{"type":9,"tag":188,"props":480,"children":482},{"className":481},[],[483],{"type":14,"value":484},"rose",{"type":9,"tag":115,"props":486,"children":487},{},[488],{"type":14,"value":489},"Softer than pure red",{"type":9,"tag":93,"props":491,"children":492},{},[493,501,510],{"type":9,"tag":115,"props":494,"children":495},{},[496],{"type":9,"tag":27,"props":497,"children":498},{},[499],{"type":14,"value":500},"Neutral",{"type":9,"tag":115,"props":502,"children":503},{},[504],{"type":9,"tag":188,"props":505,"children":507},{"className":506},[],[508],{"type":14,"value":509},"zinc",{"type":9,"tag":115,"props":511,"children":512},{},[513],{"type":14,"value":514},"Clean & professional",{"type":9,"tag":73,"props":516,"children":518},{"id":517},"why-this-works",[519],{"type":14,"value":520},"Why this works",{"type":9,"tag":17,"props":522,"children":523},{},[524,534,544,554],{"type":9,"tag":21,"props":525,"children":526},{},[527,532],{"type":9,"tag":27,"props":528,"children":529},{},[530],{"type":14,"value":531},"Violet + Cyan",{"type":14,"value":533}," creates a vibrant, tech-forward feel",{"type":9,"tag":21,"props":535,"children":536},{},[537,542],{"type":9,"tag":27,"props":538,"children":539},{},[540],{"type":14,"value":541},"Zinc",{"type":14,"value":543}," neutral keeps things clean and professional",{"type":9,"tag":21,"props":545,"children":546},{},[547,552],{"type":9,"tag":27,"props":548,"children":549},{},[550],{"type":14,"value":551},"Emerald",{"type":14,"value":553}," for success is more sophisticated than plain green",{"type":9,"tag":21,"props":555,"children":556},{},[557,562],{"type":9,"tag":27,"props":558,"children":559},{},[560],{"type":14,"value":561},"Rose",{"type":14,"value":563}," for errors is softer than pure red but still noticeable",{"type":9,"tag":565,"props":566,"children":572},"pre",{"className":567,"code":568,"language":569,"meta":570,"style":571},"language-ts","\u002F\u002F app.config.ts\nexport default defineAppConfig({\n  ui: {\n    colors: {\n      primary: 'violet',\n      secondary: 'cyan',\n      success: 'emerald',\n      info: 'sky',\n      warning: 'amber',\n      error: 'rose',\n      neutral: 'zinc'\n    }\n  }\n})\n","ts","","undefined",[573],{"type":9,"tag":188,"props":574,"children":575},{"__ignoreMap":570},[576],{"type":14,"value":568},{"type":9,"tag":285,"props":578,"children":579},{},[580],{"type":9,"tag":10,"props":581,"children":582},{},[583,585,590],{"type":14,"value":584},"You can try this right now in the ",{"type":9,"tag":27,"props":586,"children":587},{},[588],{"type":14,"value":589},"Theme Builder",{"type":14,"value":591}," sidebar!",{"type":9,"tag":593,"props":594,"children":595},"style",{},[596],{"type":14,"value":570},1773447663111]