\n \u003Cp>{{ results }}\u003C/p>\n\u003C/template>\n",[488],{"type":21,"tag":124,"props":489,"children":490},{"__ignoreMap":8},[491,530,577,593,600,616,684,708],{"type":21,"tag":79,"props":492,"children":493},{"class":231,"line":232},[494,499,504,509,514,520,525],{"type":21,"tag":79,"props":495,"children":496},{"style":253},[497],{"type":26,"value":498},"\u003C",{"type":21,"tag":79,"props":500,"children":501},{"style":359},[502],{"type":26,"value":503},"script",{"type":21,"tag":79,"props":505,"children":506},{"style":247},[507],{"type":26,"value":508}," lang",{"type":21,"tag":79,"props":510,"children":511},{"style":253},[512],{"type":26,"value":513},"=",{"type":21,"tag":79,"props":515,"children":517},{"style":516},"--shiki-default:#032F62",[518],{"type":26,"value":519},"\"ts\"",{"type":21,"tag":79,"props":521,"children":522},{"style":247},[523],{"type":26,"value":524}," setup",{"type":21,"tag":79,"props":526,"children":527},{"style":253},[528],{"type":26,"value":529},">\n",{"type":21,"tag":79,"props":531,"children":532},{"class":231,"line":178},[533,538,543,548,553,558,563,567,572],{"type":21,"tag":79,"props":534,"children":535},{"style":236},[536],{"type":26,"value":537},"const",{"type":21,"tag":79,"props":539,"children":540},{"style":253},[541],{"type":26,"value":542}," { ",{"type":21,"tag":79,"props":544,"children":545},{"style":285},[546],{"type":26,"value":547},"keyword",{"type":21,"tag":79,"props":549,"children":550},{"style":253},[551],{"type":26,"value":552},", ",{"type":21,"tag":79,"props":554,"children":555},{"style":285},[556],{"type":26,"value":557},"results",{"type":21,"tag":79,"props":559,"children":560},{"style":253},[561],{"type":26,"value":562}," } ",{"type":21,"tag":79,"props":564,"children":565},{"style":236},[566],{"type":26,"value":513},{"type":21,"tag":79,"props":568,"children":569},{"style":247},[570],{"type":26,"value":571}," useSearch",{"type":21,"tag":79,"props":573,"children":574},{"style":253},[575],{"type":26,"value":576},"();\n",{"type":21,"tag":79,"props":578,"children":579},{"class":231,"line":267},[580,585,589],{"type":21,"tag":79,"props":581,"children":582},{"style":253},[583],{"type":26,"value":584},"\u003C/",{"type":21,"tag":79,"props":586,"children":587},{"style":359},[588],{"type":26,"value":503},{"type":21,"tag":79,"props":590,"children":591},{"style":253},[592],{"type":26,"value":529},{"type":21,"tag":79,"props":594,"children":595},{"class":231,"line":276},[596],{"type":21,"tag":79,"props":597,"children":598},{"emptyLinePlaceholder":373},[599],{"type":26,"value":376},{"type":21,"tag":79,"props":601,"children":602},{"class":231,"line":291},[603,607,612],{"type":21,"tag":79,"props":604,"children":605},{"style":253},[606],{"type":26,"value":498},{"type":21,"tag":79,"props":608,"children":609},{"style":359},[610],{"type":26,"value":611},"template",{"type":21,"tag":79,"props":613,"children":614},{"style":253},[615],{"type":26,"value":529},{"type":21,"tag":79,"props":617,"children":618},{"class":231,"line":300},[619,624,629,634,638,643,647,651,656,660,665,670,674,679],{"type":21,"tag":79,"props":620,"children":621},{"style":253},[622],{"type":26,"value":623}," \u003C",{"type":21,"tag":79,"props":625,"children":626},{"style":359},[627],{"type":26,"value":628},"input",{"type":21,"tag":79,"props":630,"children":631},{"style":247},[632],{"type":26,"value":633}," v-model",{"type":21,"tag":79,"props":635,"children":636},{"style":253},[637],{"type":26,"value":513},{"type":21,"tag":79,"props":639,"children":640},{"style":516},[641],{"type":26,"value":642},"\"",{"type":21,"tag":79,"props":644,"children":645},{"style":253},[646],{"type":26,"value":547},{"type":21,"tag":79,"props":648,"children":649},{"style":516},[650],{"type":26,"value":642},{"type":21,"tag":79,"props":652,"children":653},{"style":247},[654],{"type":26,"value":655}," type",{"type":21,"tag":79,"props":657,"children":658},{"style":253},[659],{"type":26,"value":513},{"type":21,"tag":79,"props":661,"children":662},{"style":516},[663],{"type":26,"value":664},"\"search\"",{"type":21,"tag":79,"props":666,"children":667},{"style":247},[668],{"type":26,"value":669}," placeholder",{"type":21,"tag":79,"props":671,"children":672},{"style":253},[673],{"type":26,"value":513},{"type":21,"tag":79,"props":675,"children":676},{"style":516},[677],{"type":26,"value":678},"\"記事を検索する\"",{"type":21,"tag":79,"props":680,"children":681},{"style":253},[682],{"type":26,"value":683}," />\n",{"type":21,"tag":79,"props":685,"children":686},{"class":231,"line":309},[687,691,695,700,704],{"type":21,"tag":79,"props":688,"children":689},{"style":253},[690],{"type":26,"value":623},{"type":21,"tag":79,"props":692,"children":693},{"style":359},[694],{"type":26,"value":22},{"type":21,"tag":79,"props":696,"children":697},{"style":253},[698],{"type":26,"value":699},">{{ results }}\u003C/",{"type":21,"tag":79,"props":701,"children":702},{"style":359},[703],{"type":26,"value":22},{"type":21,"tag":79,"props":705,"children":706},{"style":253},[707],{"type":26,"value":529},{"type":21,"tag":79,"props":709,"children":710},{"class":231,"line":410},[711,715,719],{"type":21,"tag":79,"props":712,"children":713},{"style":253},[714],{"type":26,"value":584},{"type":21,"tag":79,"props":716,"children":717},{"style":359},[718],{"type":26,"value":611},{"type":21,"tag":79,"props":720,"children":721},{"style":253},[722],{"type":26,"value":529},{"type":21,"tag":112,"props":724,"children":726},{"id":725},"まとめ",[727],{"type":26,"value":728},"✅ まとめ",{"type":21,"tag":22,"props":730,"children":731},{},[732],{"type":26,"value":733},"簡単に検索を実装することができるため、正式な機能としてリリースされることを期待したいです。",{"type":21,"tag":735,"props":736,"children":737},"style",{},[738],{"type":26,"value":739},"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);}",{"title":8,"searchDepth":178,"depth":178,"links":741},[742,743,744,745],{"id":200,"depth":178,"text":203},{"id":318,"depth":178,"text":321},{"id":475,"depth":178,"text":478},{"id":725,"depth":178,"text":728},"content:13.search-nuxt-content.md","13.search-nuxt-content.md","13.search-nuxt-content",{"_path":750,"_dir":8,"_draft":9,"_partial":9,"_locale":8,"title":751,"description":752,"emoji":753,"createdAt":754,"updatedAt":755,"tags":756,"body":757,"_type":183,"_id":1702,"_source":185,"_file":1703,"_stem":1704,"_extension":188},"/nuxt-color-mode","@nuxtjs/color-mode でダークモードを導入する方法","Nuxt で実行したアプリにダークモードを導入したのでまとめる。","🌙","2024-12-08","2025-01-06",[16],{"type":18,"children":758,"toc":1694},[759,764,769,825,830,867,872,936,941,946,951,956,1123,1128,1133,1139,1144,1149,1154,1159,1326,1331,1336,1344,1349,1357,1363,1368,1373,1676,1680,1685,1690],{"type":21,"tag":112,"props":760,"children":762},{"id":761},"はじめに",[763],{"type":26,"value":761},{"type":21,"tag":22,"props":765,"children":766},{},[767],{"type":26,"value":768},"Nuxt で作成したアプリケーションにダークモードを導入する際に便利なモジュールが @nuxtjs/color-mode です。",{"type":21,"tag":29,"props":770,"children":773},{"className":771,"href":772},[32],"https://color-mode.nuxtjs.org/",[774,775,813,814],{"type":26,"value":36},{"type":21,"tag":38,"props":776,"children":778},{"className":777},[41],[779,780,786,787,793,794,812],{"type":26,"value":44},{"type":21,"tag":38,"props":781,"children":783},{"className":782},[48],[784],{"type":26,"value":785},"Nuxt Color Mode",{"type":26,"value":44},{"type":21,"tag":38,"props":788,"children":790},{"className":789},[56],[791],{"type":26,"value":792},"Dark and Light mode with auto detection made easy with Nuxt 🌗",{"type":26,"value":44},{"type":21,"tag":38,"props":795,"children":797},{"className":796},[64],[798,799,805,806,811],{"type":26,"value":67},{"type":21,"tag":69,"props":800,"children":804},{"className":801,"src":802,"alt":803,"width":75,"height":75},[72],"https://www.google.com/s2/favicons?domain=color-mode.nuxtjs.org","Nuxt Color Mode favicon",[],{"type":26,"value":67},{"type":21,"tag":79,"props":807,"children":809},{"className":808},[82],[810],{"type":26,"value":772},{"type":26,"value":44},{"type":26,"value":36},{"type":26,"value":36},{"type":21,"tag":38,"props":815,"children":817},{"className":816},[91],[818,819,824],{"type":26,"value":67},{"type":21,"tag":69,"props":820,"children":823},{"className":821,"src":822,"alt":785},[97],"https://color-mode.nuxtjs.org/social-card.jpg",[],{"type":26,"value":44},{"type":21,"tag":22,"props":826,"children":827},{},[828],{"type":26,"value":829},"次のコマンドを実行し、アプリケーションに必要なモジュールを追加します。",{"type":21,"tag":220,"props":831,"children":835},{"className":832,"code":833,"language":834,"meta":8,"style":8},"language-bash shiki shiki-themes github-light","npx nuxi module add color-mode\n","bash",[836],{"type":21,"tag":124,"props":837,"children":838},{"__ignoreMap":8},[839],{"type":21,"tag":79,"props":840,"children":841},{"class":231,"line":232},[842,847,852,857,862],{"type":21,"tag":79,"props":843,"children":844},{"style":247},[845],{"type":26,"value":846},"npx",{"type":21,"tag":79,"props":848,"children":849},{"style":516},[850],{"type":26,"value":851}," nuxi",{"type":21,"tag":79,"props":853,"children":854},{"style":516},[855],{"type":26,"value":856}," module",{"type":21,"tag":79,"props":858,"children":859},{"style":516},[860],{"type":26,"value":861}," add",{"type":21,"tag":79,"props":863,"children":864},{"style":516},[865],{"type":26,"value":866}," color-mode\n",{"type":21,"tag":22,"props":868,"children":869},{},[870],{"type":26,"value":871},"nuxt.config.ts に以下のような設定が追加されていることを確認します。",{"type":21,"tag":220,"props":873,"children":877},{"className":874,"code":875,"language":876,"meta":8,"style":8},"language-javascript shiki shiki-themes github-light","export default defineNuxtConfig({\n modules: [\n '@nuxtjs/color-mode',\n ]\n})\n","javascript",[878],{"type":21,"tag":124,"props":879,"children":880},{"__ignoreMap":8},[881,900,908,921,929],{"type":21,"tag":79,"props":882,"children":883},{"class":231,"line":232},[884,888,892,896],{"type":21,"tag":79,"props":885,"children":886},{"style":236},[887],{"type":26,"value":239},{"type":21,"tag":79,"props":889,"children":890},{"style":236},[891],{"type":26,"value":244},{"type":21,"tag":79,"props":893,"children":894},{"style":247},[895],{"type":26,"value":250},{"type":21,"tag":79,"props":897,"children":898},{"style":253},[899],{"type":26,"value":256},{"type":21,"tag":79,"props":901,"children":902},{"class":231,"line":178},[903],{"type":21,"tag":79,"props":904,"children":905},{"style":253},[906],{"type":26,"value":907}," modules: [\n",{"type":21,"tag":79,"props":909,"children":910},{"class":231,"line":267},[911,916],{"type":21,"tag":79,"props":912,"children":913},{"style":516},[914],{"type":26,"value":915}," '@nuxtjs/color-mode'",{"type":21,"tag":79,"props":917,"children":918},{"style":253},[919],{"type":26,"value":920},",\n",{"type":21,"tag":79,"props":922,"children":923},{"class":231,"line":276},[924],{"type":21,"tag":79,"props":925,"children":926},{"style":253},[927],{"type":26,"value":928}," ]\n",{"type":21,"tag":79,"props":930,"children":931},{"class":231,"line":291},[932],{"type":21,"tag":79,"props":933,"children":934},{"style":253},[935],{"type":26,"value":315},{"type":21,"tag":112,"props":937,"children":939},{"id":938},"テーマの切り替えを実装する",[940],{"type":26,"value":938},{"type":21,"tag":22,"props":942,"children":943},{},[944],{"type":26,"value":945},"カラーのテーマを切り替えるためのボタンやセレクトボックスを用意します。",{"type":21,"tag":22,"props":947,"children":948},{},[949],{"type":26,"value":950},"公式サイトにもコード例が載っています。",{"type":21,"tag":22,"props":952,"children":953},{},[954],{"type":26,"value":955},"ライトテーマとダークテーマだけで良い場合は以下のようになります。",{"type":21,"tag":220,"props":957,"children":959},{"className":334,"code":958,"language":336,"meta":8,"style":8},"\u003Ctemplate>\n \u003Cselect v-model=\"$colorMode.preference\">\n \u003Coption value=\"light\">Light\u003C/option>\n \u003Coption value=\"dark\">Dark\u003C/option>\n \u003C/select>\n\u003C/template>\n",[960],{"type":21,"tag":124,"props":961,"children":962},{"__ignoreMap":8},[963,978,1015,1055,1092,1108],{"type":21,"tag":79,"props":964,"children":965},{"class":231,"line":232},[966,970,974],{"type":21,"tag":79,"props":967,"children":968},{"style":253},[969],{"type":26,"value":498},{"type":21,"tag":79,"props":971,"children":972},{"style":359},[973],{"type":26,"value":611},{"type":21,"tag":79,"props":975,"children":976},{"style":253},[977],{"type":26,"value":529},{"type":21,"tag":79,"props":979,"children":980},{"class":231,"line":178},[981,985,990,994,998,1002,1007,1011],{"type":21,"tag":79,"props":982,"children":983},{"style":253},[984],{"type":26,"value":623},{"type":21,"tag":79,"props":986,"children":987},{"style":359},[988],{"type":26,"value":989},"select",{"type":21,"tag":79,"props":991,"children":992},{"style":247},[993],{"type":26,"value":633},{"type":21,"tag":79,"props":995,"children":996},{"style":253},[997],{"type":26,"value":513},{"type":21,"tag":79,"props":999,"children":1000},{"style":516},[1001],{"type":26,"value":642},{"type":21,"tag":79,"props":1003,"children":1004},{"style":253},[1005],{"type":26,"value":1006},"$colorMode.preference",{"type":21,"tag":79,"props":1008,"children":1009},{"style":516},[1010],{"type":26,"value":642},{"type":21,"tag":79,"props":1012,"children":1013},{"style":253},[1014],{"type":26,"value":529},{"type":21,"tag":79,"props":1016,"children":1017},{"class":231,"line":267},[1018,1023,1028,1033,1037,1042,1047,1051],{"type":21,"tag":79,"props":1019,"children":1020},{"style":253},[1021],{"type":26,"value":1022}," \u003C",{"type":21,"tag":79,"props":1024,"children":1025},{"style":359},[1026],{"type":26,"value":1027},"option",{"type":21,"tag":79,"props":1029,"children":1030},{"style":247},[1031],{"type":26,"value":1032}," value",{"type":21,"tag":79,"props":1034,"children":1035},{"style":253},[1036],{"type":26,"value":513},{"type":21,"tag":79,"props":1038,"children":1039},{"style":516},[1040],{"type":26,"value":1041},"\"light\"",{"type":21,"tag":79,"props":1043,"children":1044},{"style":253},[1045],{"type":26,"value":1046},">Light\u003C/",{"type":21,"tag":79,"props":1048,"children":1049},{"style":359},[1050],{"type":26,"value":1027},{"type":21,"tag":79,"props":1052,"children":1053},{"style":253},[1054],{"type":26,"value":529},{"type":21,"tag":79,"props":1056,"children":1057},{"class":231,"line":276},[1058,1062,1066,1070,1074,1079,1084,1088],{"type":21,"tag":79,"props":1059,"children":1060},{"style":253},[1061],{"type":26,"value":1022},{"type":21,"tag":79,"props":1063,"children":1064},{"style":359},[1065],{"type":26,"value":1027},{"type":21,"tag":79,"props":1067,"children":1068},{"style":247},[1069],{"type":26,"value":1032},{"type":21,"tag":79,"props":1071,"children":1072},{"style":253},[1073],{"type":26,"value":513},{"type":21,"tag":79,"props":1075,"children":1076},{"style":516},[1077],{"type":26,"value":1078},"\"dark\"",{"type":21,"tag":79,"props":1080,"children":1081},{"style":253},[1082],{"type":26,"value":1083},">Dark\u003C/",{"type":21,"tag":79,"props":1085,"children":1086},{"style":359},[1087],{"type":26,"value":1027},{"type":21,"tag":79,"props":1089,"children":1090},{"style":253},[1091],{"type":26,"value":529},{"type":21,"tag":79,"props":1093,"children":1094},{"class":231,"line":291},[1095,1100,1104],{"type":21,"tag":79,"props":1096,"children":1097},{"style":253},[1098],{"type":26,"value":1099}," \u003C/",{"type":21,"tag":79,"props":1101,"children":1102},{"style":359},[1103],{"type":26,"value":989},{"type":21,"tag":79,"props":1105,"children":1106},{"style":253},[1107],{"type":26,"value":529},{"type":21,"tag":79,"props":1109,"children":1110},{"class":231,"line":300},[1111,1115,1119],{"type":21,"tag":79,"props":1112,"children":1113},{"style":253},[1114],{"type":26,"value":584},{"type":21,"tag":79,"props":1116,"children":1117},{"style":359},[1118],{"type":26,"value":611},{"type":21,"tag":79,"props":1120,"children":1121},{"style":253},[1122],{"type":26,"value":529},{"type":21,"tag":22,"props":1124,"children":1125},{},[1126],{"type":26,"value":1127},"値を変更する場合に $colorMode の value ではなく、preference を変更する点に注意してください。",{"type":21,"tag":22,"props":1129,"children":1130},{},[1131],{"type":26,"value":1132},"value を変更してもテーマの切り替えはできますが、preference の値が書きかわらないため、リロードしたりページ遷移すると変更前のテーマになってしまいます。",{"type":21,"tag":112,"props":1134,"children":1136},{"id":1135},"css-変数を定義する",[1137],{"type":26,"value":1138},"CSS 変数を定義する",{"type":21,"tag":22,"props":1140,"children":1141},{},[1142],{"type":26,"value":1143},"今回は CSS で文字色や背景色を変えられるようにします。",{"type":21,"tag":22,"props":1145,"children":1146},{},[1147],{"type":26,"value":1148},"main.css という CSS ファイルを用意します。",{"type":21,"tag":22,"props":1150,"children":1151},{},[1152],{"type":26,"value":1153},"私は以下のような変数を定義しました。",{"type":21,"tag":22,"props":1155,"children":1156},{},[1157],{"type":26,"value":1158},"下記を参考にご自身のアプリで使いたいテーマごとに色を設定してください。",{"type":21,"tag":220,"props":1160,"children":1164},{"className":1161,"code":1162,"language":1163,"meta":8,"style":8},"language-css shiki shiki-themes github-light","html.light-mode{\n --primary-text-color: ライトモードで使用する文字色;\n --primary-bg-color: ライトモードでメインで使用する背景色;\n --secondary-bg-color: ライトモードでサブで使用する背景色;\n --primary-border-color: ライトモードで使用する枠線の色;\n}\n\nhtml.dark-mode {\n --primary-text-color: ダークモードで使用する文字色;\n --primary-bg-color: ダークモードでメインで使用する背景色;\n --secondary-bg-color: ダークモードでサブで使用する背景色;\n --primary-border-color: ダークモードで使用する枠線の色;\n}\n","css",[1165],{"type":21,"tag":124,"props":1166,"children":1167},{"__ignoreMap":8},[1168,1186,1200,1213,1226,1239,1246,1253,1270,1282,1294,1306,1318],{"type":21,"tag":79,"props":1169,"children":1170},{"class":231,"line":232},[1171,1176,1181],{"type":21,"tag":79,"props":1172,"children":1173},{"style":359},[1174],{"type":26,"value":1175},"html",{"type":21,"tag":79,"props":1177,"children":1178},{"style":247},[1179],{"type":26,"value":1180},".light-mode",{"type":21,"tag":79,"props":1182,"children":1183},{"style":253},[1184],{"type":26,"value":1185},"{\n",{"type":21,"tag":79,"props":1187,"children":1188},{"class":231,"line":178},[1189,1195],{"type":21,"tag":79,"props":1190,"children":1192},{"style":1191},"--shiki-default:#E36209",[1193],{"type":26,"value":1194}," --primary-text-color",{"type":21,"tag":79,"props":1196,"children":1197},{"style":253},[1198],{"type":26,"value":1199},": ライトモードで使用する文字色;\n",{"type":21,"tag":79,"props":1201,"children":1202},{"class":231,"line":267},[1203,1208],{"type":21,"tag":79,"props":1204,"children":1205},{"style":1191},[1206],{"type":26,"value":1207}," --primary-bg-color",{"type":21,"tag":79,"props":1209,"children":1210},{"style":253},[1211],{"type":26,"value":1212},": ライトモードでメインで使用する背景色;\n",{"type":21,"tag":79,"props":1214,"children":1215},{"class":231,"line":276},[1216,1221],{"type":21,"tag":79,"props":1217,"children":1218},{"style":1191},[1219],{"type":26,"value":1220}," --secondary-bg-color",{"type":21,"tag":79,"props":1222,"children":1223},{"style":253},[1224],{"type":26,"value":1225},": ライトモードでサブで使用する背景色;\n",{"type":21,"tag":79,"props":1227,"children":1228},{"class":231,"line":291},[1229,1234],{"type":21,"tag":79,"props":1230,"children":1231},{"style":1191},[1232],{"type":26,"value":1233}," --primary-border-color",{"type":21,"tag":79,"props":1235,"children":1236},{"style":253},[1237],{"type":26,"value":1238},": ライトモードで使用する枠線の色;\n",{"type":21,"tag":79,"props":1240,"children":1241},{"class":231,"line":300},[1242],{"type":21,"tag":79,"props":1243,"children":1244},{"style":253},[1245],{"type":26,"value":452},{"type":21,"tag":79,"props":1247,"children":1248},{"class":231,"line":309},[1249],{"type":21,"tag":79,"props":1250,"children":1251},{"emptyLinePlaceholder":373},[1252],{"type":26,"value":376},{"type":21,"tag":79,"props":1254,"children":1255},{"class":231,"line":410},[1256,1260,1265],{"type":21,"tag":79,"props":1257,"children":1258},{"style":359},[1259],{"type":26,"value":1175},{"type":21,"tag":79,"props":1261,"children":1262},{"style":247},[1263],{"type":26,"value":1264},".dark-mode",{"type":21,"tag":79,"props":1266,"children":1267},{"style":253},[1268],{"type":26,"value":1269}," {\n",{"type":21,"tag":79,"props":1271,"children":1272},{"class":231,"line":419},[1273,1277],{"type":21,"tag":79,"props":1274,"children":1275},{"style":1191},[1276],{"type":26,"value":1194},{"type":21,"tag":79,"props":1278,"children":1279},{"style":253},[1280],{"type":26,"value":1281},": ダークモードで使用する文字色;\n",{"type":21,"tag":79,"props":1283,"children":1284},{"class":231,"line":428},[1285,1289],{"type":21,"tag":79,"props":1286,"children":1287},{"style":1191},[1288],{"type":26,"value":1207},{"type":21,"tag":79,"props":1290,"children":1291},{"style":253},[1292],{"type":26,"value":1293},": ダークモードでメインで使用する背景色;\n",{"type":21,"tag":79,"props":1295,"children":1296},{"class":231,"line":437},[1297,1301],{"type":21,"tag":79,"props":1298,"children":1299},{"style":1191},[1300],{"type":26,"value":1220},{"type":21,"tag":79,"props":1302,"children":1303},{"style":253},[1304],{"type":26,"value":1305},": ダークモードでサブで使用する背景色;\n",{"type":21,"tag":79,"props":1307,"children":1308},{"class":231,"line":446},[1309,1313],{"type":21,"tag":79,"props":1310,"children":1311},{"style":1191},[1312],{"type":26,"value":1233},{"type":21,"tag":79,"props":1314,"children":1315},{"style":253},[1316],{"type":26,"value":1317},": ダークモードで使用する枠線の色;\n",{"type":21,"tag":79,"props":1319,"children":1321},{"class":231,"line":1320},13,[1322],{"type":21,"tag":79,"props":1323,"children":1324},{"style":253},[1325],{"type":26,"value":452},{"type":21,"tag":112,"props":1327,"children":1329},{"id":1328},"動作確認",[1330],{"type":26,"value":1328},{"type":21,"tag":22,"props":1332,"children":1333},{},[1334],{"type":26,"value":1335},"ライトモードを使用している場合です。",{"type":21,"tag":22,"props":1337,"children":1338},{},[1339],{"type":21,"tag":69,"props":1340,"children":1343},{"alt":1341,"src":1342},"本サイトをライトモードで表示したスクリーンショット","/images/content/light-mode.png",[],{"type":21,"tag":22,"props":1345,"children":1346},{},[1347],{"type":26,"value":1348},"ダークモードを使用している場合です。",{"type":21,"tag":22,"props":1350,"children":1351},{},[1352],{"type":21,"tag":69,"props":1353,"children":1356},{"alt":1354,"src":1355},"本サイトをダークモードで表示したスクリーンショット","/images/content/dark-mode.png",[],{"type":21,"tag":112,"props":1358,"children":1360},{"id":1359},"storybook-を使用している場合のモック方法",[1361],{"type":26,"value":1362},"Storybook を使用している場合のモック方法",{"type":21,"tag":22,"props":1364,"children":1365},{},[1366],{"type":26,"value":1367},"Storybook で表示しようとすると @nuxtjs/color-mode の $colorMode が undefined となってしまい、エラーが表示されてしまいます。",{"type":21,"tag":22,"props":1369,"children":1370},{},[1371],{"type":26,"value":1372},"そこで、下記のように $colorMode をモックすることで Storybook でも $colorMode を使ったコンポーネントを表示することができるようになります。",{"type":21,"tag":220,"props":1374,"children":1378},{"className":1375,"code":1376,"language":1377,"meta":8,"style":8},"language-ts shiki shiki-themes github-light","export default {\n render: () => ({\n components: { コンポーネント名 },\n setup() {\n const colorMode = {\n value: 'light',\n preference: 'light',\n unknown: false,\n forced: false,\n }\n const app = getCurrentInstance()?.appContext.app\n if (app) {\n app.config.globalProperties.$colorMode = colorMode\n }\n return {}\n },\n template: `\n \u003Cコンポーネント名 />\n `,\n }),\n}\n","ts",[1379],{"type":21,"tag":124,"props":1380,"children":1381},{"__ignoreMap":8},[1382,1397,1420,1428,1441,1463,1480,1496,1513,1529,1537,1563,1576,1593,1601,1615,1623,1637,1646,1659,1668],{"type":21,"tag":79,"props":1383,"children":1384},{"class":231,"line":232},[1385,1389,1393],{"type":21,"tag":79,"props":1386,"children":1387},{"style":236},[1388],{"type":26,"value":239},{"type":21,"tag":79,"props":1390,"children":1391},{"style":236},[1392],{"type":26,"value":244},{"type":21,"tag":79,"props":1394,"children":1395},{"style":253},[1396],{"type":26,"value":1269},{"type":21,"tag":79,"props":1398,"children":1399},{"class":231,"line":178},[1400,1405,1410,1415],{"type":21,"tag":79,"props":1401,"children":1402},{"style":247},[1403],{"type":26,"value":1404}," render",{"type":21,"tag":79,"props":1406,"children":1407},{"style":253},[1408],{"type":26,"value":1409},": () ",{"type":21,"tag":79,"props":1411,"children":1412},{"style":236},[1413],{"type":26,"value":1414},"=>",{"type":21,"tag":79,"props":1416,"children":1417},{"style":253},[1418],{"type":26,"value":1419}," ({\n",{"type":21,"tag":79,"props":1421,"children":1422},{"class":231,"line":267},[1423],{"type":21,"tag":79,"props":1424,"children":1425},{"style":253},[1426],{"type":26,"value":1427}," components: { コンポーネント名 },\n",{"type":21,"tag":79,"props":1429,"children":1430},{"class":231,"line":276},[1431,1436],{"type":21,"tag":79,"props":1432,"children":1433},{"style":247},[1434],{"type":26,"value":1435}," setup",{"type":21,"tag":79,"props":1437,"children":1438},{"style":253},[1439],{"type":26,"value":1440},"() {\n",{"type":21,"tag":79,"props":1442,"children":1443},{"class":231,"line":291},[1444,1449,1454,1459],{"type":21,"tag":79,"props":1445,"children":1446},{"style":236},[1447],{"type":26,"value":1448}," const",{"type":21,"tag":79,"props":1450,"children":1451},{"style":285},[1452],{"type":26,"value":1453}," colorMode",{"type":21,"tag":79,"props":1455,"children":1456},{"style":236},[1457],{"type":26,"value":1458}," =",{"type":21,"tag":79,"props":1460,"children":1461},{"style":253},[1462],{"type":26,"value":1269},{"type":21,"tag":79,"props":1464,"children":1465},{"class":231,"line":300},[1466,1471,1476],{"type":21,"tag":79,"props":1467,"children":1468},{"style":253},[1469],{"type":26,"value":1470}," value: ",{"type":21,"tag":79,"props":1472,"children":1473},{"style":516},[1474],{"type":26,"value":1475},"'light'",{"type":21,"tag":79,"props":1477,"children":1478},{"style":253},[1479],{"type":26,"value":920},{"type":21,"tag":79,"props":1481,"children":1482},{"class":231,"line":309},[1483,1488,1492],{"type":21,"tag":79,"props":1484,"children":1485},{"style":253},[1486],{"type":26,"value":1487}," preference: ",{"type":21,"tag":79,"props":1489,"children":1490},{"style":516},[1491],{"type":26,"value":1475},{"type":21,"tag":79,"props":1493,"children":1494},{"style":253},[1495],{"type":26,"value":920},{"type":21,"tag":79,"props":1497,"children":1498},{"class":231,"line":410},[1499,1504,1509],{"type":21,"tag":79,"props":1500,"children":1501},{"style":253},[1502],{"type":26,"value":1503}," unknown: ",{"type":21,"tag":79,"props":1505,"children":1506},{"style":285},[1507],{"type":26,"value":1508},"false",{"type":21,"tag":79,"props":1510,"children":1511},{"style":253},[1512],{"type":26,"value":920},{"type":21,"tag":79,"props":1514,"children":1515},{"class":231,"line":419},[1516,1521,1525],{"type":21,"tag":79,"props":1517,"children":1518},{"style":253},[1519],{"type":26,"value":1520}," forced: ",{"type":21,"tag":79,"props":1522,"children":1523},{"style":285},[1524],{"type":26,"value":1508},{"type":21,"tag":79,"props":1526,"children":1527},{"style":253},[1528],{"type":26,"value":920},{"type":21,"tag":79,"props":1530,"children":1531},{"class":231,"line":428},[1532],{"type":21,"tag":79,"props":1533,"children":1534},{"style":253},[1535],{"type":26,"value":1536}," }\n",{"type":21,"tag":79,"props":1538,"children":1539},{"class":231,"line":437},[1540,1544,1549,1553,1558],{"type":21,"tag":79,"props":1541,"children":1542},{"style":236},[1543],{"type":26,"value":1448},{"type":21,"tag":79,"props":1545,"children":1546},{"style":285},[1547],{"type":26,"value":1548}," app",{"type":21,"tag":79,"props":1550,"children":1551},{"style":236},[1552],{"type":26,"value":1458},{"type":21,"tag":79,"props":1554,"children":1555},{"style":247},[1556],{"type":26,"value":1557}," getCurrentInstance",{"type":21,"tag":79,"props":1559,"children":1560},{"style":253},[1561],{"type":26,"value":1562},"()?.appContext.app\n",{"type":21,"tag":79,"props":1564,"children":1565},{"class":231,"line":446},[1566,1571],{"type":21,"tag":79,"props":1567,"children":1568},{"style":236},[1569],{"type":26,"value":1570}," if",{"type":21,"tag":79,"props":1572,"children":1573},{"style":253},[1574],{"type":26,"value":1575}," (app) {\n",{"type":21,"tag":79,"props":1577,"children":1578},{"class":231,"line":1320},[1579,1584,1588],{"type":21,"tag":79,"props":1580,"children":1581},{"style":253},[1582],{"type":26,"value":1583}," app.config.globalProperties.$colorMode ",{"type":21,"tag":79,"props":1585,"children":1586},{"style":236},[1587],{"type":26,"value":513},{"type":21,"tag":79,"props":1589,"children":1590},{"style":253},[1591],{"type":26,"value":1592}," colorMode\n",{"type":21,"tag":79,"props":1594,"children":1596},{"class":231,"line":1595},14,[1597],{"type":21,"tag":79,"props":1598,"children":1599},{"style":253},[1600],{"type":26,"value":1536},{"type":21,"tag":79,"props":1602,"children":1604},{"class":231,"line":1603},15,[1605,1610],{"type":21,"tag":79,"props":1606,"children":1607},{"style":236},[1608],{"type":26,"value":1609}," return",{"type":21,"tag":79,"props":1611,"children":1612},{"style":253},[1613],{"type":26,"value":1614}," {}\n",{"type":21,"tag":79,"props":1616,"children":1617},{"class":231,"line":75},[1618],{"type":21,"tag":79,"props":1619,"children":1620},{"style":253},[1621],{"type":26,"value":1622}," },\n",{"type":21,"tag":79,"props":1624,"children":1626},{"class":231,"line":1625},17,[1627,1632],{"type":21,"tag":79,"props":1628,"children":1629},{"style":253},[1630],{"type":26,"value":1631}," template: ",{"type":21,"tag":79,"props":1633,"children":1634},{"style":516},[1635],{"type":26,"value":1636},"`\n",{"type":21,"tag":79,"props":1638,"children":1640},{"class":231,"line":1639},18,[1641],{"type":21,"tag":79,"props":1642,"children":1643},{"style":516},[1644],{"type":26,"value":1645}," \u003Cコンポーネント名 />\n",{"type":21,"tag":79,"props":1647,"children":1649},{"class":231,"line":1648},19,[1650,1655],{"type":21,"tag":79,"props":1651,"children":1652},{"style":516},[1653],{"type":26,"value":1654}," `",{"type":21,"tag":79,"props":1656,"children":1657},{"style":253},[1658],{"type":26,"value":920},{"type":21,"tag":79,"props":1660,"children":1662},{"class":231,"line":1661},20,[1663],{"type":21,"tag":79,"props":1664,"children":1665},{"style":253},[1666],{"type":26,"value":1667}," }),\n",{"type":21,"tag":79,"props":1669,"children":1671},{"class":231,"line":1670},21,[1672],{"type":21,"tag":79,"props":1673,"children":1674},{"style":253},[1675],{"type":26,"value":452},{"type":21,"tag":112,"props":1677,"children":1678},{"id":725},[1679],{"type":26,"value":725},{"type":21,"tag":22,"props":1681,"children":1682},{},[1683],{"type":26,"value":1684},"@nuxtjs/color-mode を使用するとダークモードを簡単に導入することができました。",{"type":21,"tag":22,"props":1686,"children":1687},{},[1688],{"type":26,"value":1689},"個人的にはダークモードにした場合の配色を考える方が大変でした。",{"type":21,"tag":735,"props":1691,"children":1692},{},[1693],{"type":26,"value":739},{"title":8,"searchDepth":178,"depth":178,"links":1695},[1696,1697,1698,1699,1700,1701],{"id":761,"depth":178,"text":761},{"id":938,"depth":178,"text":938},{"id":1135,"depth":178,"text":1138},{"id":1328,"depth":178,"text":1328},{"id":1359,"depth":178,"text":1362},{"id":725,"depth":178,"text":725},"content:18.nuxt-color-mode.md","18.nuxt-color-mode.md","18.nuxt-color-mode",{"_path":1706,"_dir":8,"_draft":9,"_partial":9,"_locale":8,"title":1707,"description":1708,"emoji":1709,"createdAt":1710,"updatedAt":1711,"tags":1712,"body":1713,"_type":183,"_id":1969,"_source":185,"_file":1970,"_stem":1971,"_extension":188},"/call-once-composable","Nuxt 3.15 で追加された callOnce のナビゲーションモードについて","callOnceとはどんな composable なのか、そして追加されたナビゲーションモードはどんなモードなのかをまとめる。","🎄","2024-12-25","2024-12-27",[16],{"type":18,"children":1714,"toc":1964},[1715,1721,1726,1731,1736,1791,1796,1801,1857,1870,1924,1930,1935,1940,1945,1950,1955,1960],{"type":21,"tag":112,"props":1716,"children":1718},{"id":1717},"callonce",[1719],{"type":26,"value":1720},"callOnce",{"type":21,"tag":22,"props":1722,"children":1723},{},[1724],{"type":26,"value":1725},"SSR もしくは CSR で処理を一度だけ実行することができる composable です。",{"type":21,"tag":22,"props":1727,"children":1728},{},[1729],{"type":26,"value":1730},"Nuxt v3.9 から使えるようになりました。",{"type":21,"tag":22,"props":1732,"children":1733},{},[1734],{"type":26,"value":1735},"ユースケースとしては、state の初期化を行う場合などです。",{"type":21,"tag":29,"props":1737,"children":1740},{"className":1738,"href":1739},[32],"https://nuxt.com/docs/getting-started/state-management#initializing-state",[1741,1742,1779,1780],{"type":26,"value":36},{"type":21,"tag":38,"props":1743,"children":1745},{"className":1744},[41],[1746,1747,1753,1754,1760,1761,1778],{"type":26,"value":44},{"type":21,"tag":38,"props":1748,"children":1750},{"className":1749},[48],[1751],{"type":26,"value":1752},"State Management · Get Started with Nuxt",{"type":26,"value":44},{"type":21,"tag":38,"props":1755,"children":1757},{"className":1756},[56],[1758],{"type":26,"value":1759},"Nuxt provides powerful state management libraries and the useState composable to create a reactive and SSR-friendly shared state.",{"type":26,"value":44},{"type":21,"tag":38,"props":1762,"children":1764},{"className":1763},[64],[1765,1766,1771,1772,1777],{"type":26,"value":67},{"type":21,"tag":69,"props":1767,"children":1770},{"className":1768,"src":73,"alt":1769,"width":75,"height":75},[72],"State Management · Get Started with Nuxt favicon",[],{"type":26,"value":67},{"type":21,"tag":79,"props":1773,"children":1775},{"className":1774},[82],[1776],{"type":26,"value":1739},{"type":26,"value":44},{"type":26,"value":36},{"type":26,"value":36},{"type":21,"tag":38,"props":1781,"children":1783},{"className":1782},[91],[1784,1785,1790],{"type":26,"value":67},{"type":21,"tag":69,"props":1786,"children":1789},{"className":1787,"src":1788,"alt":1752},[97],"https://nuxt.com/__og-image__/static/docs/getting-started/state-management/og.png",[],{"type":26,"value":44},{"type":21,"tag":112,"props":1792,"children":1794},{"id":1793},"ナビゲーションモード",[1795],{"type":26,"value":1793},{"type":21,"tag":22,"props":1797,"children":1798},{},[1799],{"type":26,"value":1800},"Nuxt 3.15 で新たに追加された機能です。",{"type":21,"tag":29,"props":1802,"children":1805},{"className":1803,"href":1804},[32],"https://nuxt.com/blog/v3-15#%EF%B8%8F-navigation-mode-for-callonce",[1806,1807,1845,1846],{"type":26,"value":36},{"type":21,"tag":38,"props":1808,"children":1810},{"className":1809},[41],[1811,1812,1818,1819,1825,1826,1844],{"type":26,"value":44},{"type":21,"tag":38,"props":1813,"children":1815},{"className":1814},[48],[1816],{"type":26,"value":1817},"Nuxt 3.15 · Nuxt Blog",{"type":26,"value":44},{"type":21,"tag":38,"props":1820,"children":1822},{"className":1821},[56],[1823],{"type":26,"value":1824},"Nuxt 3.15 is out - with Vite 6, better HMR and faster performance",{"type":26,"value":44},{"type":21,"tag":38,"props":1827,"children":1829},{"className":1828},[64],[1830,1831,1836,1837,1843],{"type":26,"value":67},{"type":21,"tag":69,"props":1832,"children":1835},{"className":1833,"src":73,"alt":1834,"width":75,"height":75},[72],"Nuxt 3.15 · Nuxt Blog favicon",[],{"type":26,"value":67},{"type":21,"tag":79,"props":1838,"children":1840},{"className":1839},[82],[1841],{"type":26,"value":1842},"https://nuxt.com/blog/v3-15#️-navigation-mode-for-callonce",{"type":26,"value":44},{"type":26,"value":36},{"type":26,"value":36},{"type":21,"tag":38,"props":1847,"children":1849},{"className":1848},[91],[1850,1851,1856],{"type":26,"value":67},{"type":21,"tag":69,"props":1852,"children":1855},{"className":1853,"src":1854,"alt":1817},[97],"https://nuxt.com/assets/blog/v3.15.png",[],{"type":26,"value":44},{"type":21,"tag":22,"props":1858,"children":1859},{},[1860,1862,1868],{"type":26,"value":1861},"公式サイトにも記載がありますが、下記のように ",{"type":21,"tag":124,"props":1863,"children":1865},{"className":1864},[],[1866],{"type":26,"value":1867},"{ mode: 'navigation' }",{"type":26,"value":1869}," を指定することでナビゲーションモードを有効にすることができます。",{"type":21,"tag":220,"props":1871,"children":1873},{"className":1375,"code":1872,"language":1377,"meta":8,"style":8},"await callOnce(() => counter.value++, { mode: 'navigation' })\n",[1874],{"type":21,"tag":124,"props":1875,"children":1876},{"__ignoreMap":8},[1877],{"type":21,"tag":79,"props":1878,"children":1879},{"class":231,"line":232},[1880,1885,1890,1895,1899,1904,1909,1914,1919],{"type":21,"tag":79,"props":1881,"children":1882},{"style":236},[1883],{"type":26,"value":1884},"await",{"type":21,"tag":79,"props":1886,"children":1887},{"style":247},[1888],{"type":26,"value":1889}," callOnce",{"type":21,"tag":79,"props":1891,"children":1892},{"style":253},[1893],{"type":26,"value":1894},"(() ",{"type":21,"tag":79,"props":1896,"children":1897},{"style":236},[1898],{"type":26,"value":1414},{"type":21,"tag":79,"props":1900,"children":1901},{"style":253},[1902],{"type":26,"value":1903}," counter.value",{"type":21,"tag":79,"props":1905,"children":1906},{"style":236},[1907],{"type":26,"value":1908},"++",{"type":21,"tag":79,"props":1910,"children":1911},{"style":253},[1912],{"type":26,"value":1913},", { mode: ",{"type":21,"tag":79,"props":1915,"children":1916},{"style":516},[1917],{"type":26,"value":1918},"'navigation'",{"type":21,"tag":79,"props":1920,"children":1921},{"style":253},[1922],{"type":26,"value":1923}," })\n",{"type":21,"tag":112,"props":1925,"children":1927},{"id":1926},"middleware-と-callonce-のナビゲーションモードの違いについて",[1928],{"type":26,"value":1929},"middleware と callOnce のナビゲーションモードの違いについて",{"type":21,"tag":22,"props":1931,"children":1932},{},[1933],{"type":26,"value":1934},"ページ遷移の度に実行することができるという説明を聞くと、middleware と役割が似ているように感じます。",{"type":21,"tag":22,"props":1936,"children":1937},{},[1938],{"type":26,"value":1939},"大きな違いとして、処理が実行されるタイミングが異なります。",{"type":21,"tag":22,"props":1941,"children":1942},{},[1943],{"type":26,"value":1944},"middleware で定義される処理はナビゲーションの前に実行されます。",{"type":21,"tag":22,"props":1946,"children":1947},{},[1948],{"type":26,"value":1949},"そのため、middleware には、ログイン状態のチェックや閲覧権限のチェック等の処理を定義するのが向いています。",{"type":21,"tag":22,"props":1951,"children":1952},{},[1953],{"type":26,"value":1954},"逆に callOnce のナビゲーションモードはナビゲーションのタイミングで実行されるため、タイミングとしては middleware よりも後に実行されます。",{"type":21,"tag":22,"props":1956,"children":1957},{},[1958],{"type":26,"value":1959},"そのため、callOnce には、状態等のデータの初期化等の処理を定義するのが向いています。",{"type":21,"tag":735,"props":1961,"children":1962},{},[1963],{"type":26,"value":739},{"title":8,"searchDepth":178,"depth":178,"links":1965},[1966,1967,1968],{"id":1717,"depth":178,"text":1720},{"id":1793,"depth":178,"text":1793},{"id":1926,"depth":178,"text":1929},"content:20.call-once-composable.md","20.call-once-composable.md","20.call-once-composable",[1973,1975,1979,1983,1987,1990,1993,1995,1999,2001,2004,2007,2009,2011,2014,2017,2020,2023,2025,2028],{"tags":1974},[16],{"tags":1976},[1977,1978],"husky","lint-staged",{"tags":1980},[1981,1982],"Storybook","storycap",{"tags":1984},[1985,1986],"Bun","ElysiaJS",{"tags":1988},[1989],"Hono",{"tags":1991},[1992],"Vue.js",{"tags":1994},[1992],{"tags":1996},[1997,1998],"GitHub","Dependabot",{"tags":2000},[1992],{"tags":2002},[2003],"AWS",{"tags":2005},[2006],"HTML",{"tags":2008},[2003],{"tags":2010},[16],{"tags":2012},[2013],"pnpm",{"tags":2015},[2016],"GitHub Actions",{"tags":2018},[2019],"NestJS",{"tags":2021},[2022],"CSS",{"tags":2024},[16],{"tags":2026},[2027],"Prisma",{"tags":2029},[16],[2031,2251,3073,3523],{"_path":1706,"_dir":8,"_draft":9,"_partial":9,"_locale":8,"title":1707,"description":1708,"emoji":1709,"createdAt":1710,"updatedAt":1711,"tags":2032,"body":2033,"_type":183,"_id":1969,"_source":185,"_file":1970,"_stem":1971,"_extension":188},[16],{"type":18,"children":2034,"toc":2246},[2035,2039,2043,2047,2051,2101,2105,2109,2159,2169,2214,2218,2222,2226,2230,2234,2238,2242],{"type":21,"tag":112,"props":2036,"children":2037},{"id":1717},[2038],{"type":26,"value":1720},{"type":21,"tag":22,"props":2040,"children":2041},{},[2042],{"type":26,"value":1725},{"type":21,"tag":22,"props":2044,"children":2045},{},[2046],{"type":26,"value":1730},{"type":21,"tag":22,"props":2048,"children":2049},{},[2050],{"type":26,"value":1735},{"type":21,"tag":29,"props":2052,"children":2054},{"className":2053,"href":1739},[32],[2055,2056,2090,2091],{"type":26,"value":36},{"type":21,"tag":38,"props":2057,"children":2059},{"className":2058},[41],[2060,2061,2066,2067,2072,2073,2089],{"type":26,"value":44},{"type":21,"tag":38,"props":2062,"children":2064},{"className":2063},[48],[2065],{"type":26,"value":1752},{"type":26,"value":44},{"type":21,"tag":38,"props":2068,"children":2070},{"className":2069},[56],[2071],{"type":26,"value":1759},{"type":26,"value":44},{"type":21,"tag":38,"props":2074,"children":2076},{"className":2075},[64],[2077,2078,2082,2083,2088],{"type":26,"value":67},{"type":21,"tag":69,"props":2079,"children":2081},{"className":2080,"src":73,"alt":1769,"width":75,"height":75},[72],[],{"type":26,"value":67},{"type":21,"tag":79,"props":2084,"children":2086},{"className":2085},[82],[2087],{"type":26,"value":1739},{"type":26,"value":44},{"type":26,"value":36},{"type":26,"value":36},{"type":21,"tag":38,"props":2092,"children":2094},{"className":2093},[91],[2095,2096,2100],{"type":26,"value":67},{"type":21,"tag":69,"props":2097,"children":2099},{"className":2098,"src":1788,"alt":1752},[97],[],{"type":26,"value":44},{"type":21,"tag":112,"props":2102,"children":2103},{"id":1793},[2104],{"type":26,"value":1793},{"type":21,"tag":22,"props":2106,"children":2107},{},[2108],{"type":26,"value":1800},{"type":21,"tag":29,"props":2110,"children":2112},{"className":2111,"href":1804},[32],[2113,2114,2148,2149],{"type":26,"value":36},{"type":21,"tag":38,"props":2115,"children":2117},{"className":2116},[41],[2118,2119,2124,2125,2130,2131,2147],{"type":26,"value":44},{"type":21,"tag":38,"props":2120,"children":2122},{"className":2121},[48],[2123],{"type":26,"value":1817},{"type":26,"value":44},{"type":21,"tag":38,"props":2126,"children":2128},{"className":2127},[56],[2129],{"type":26,"value":1824},{"type":26,"value":44},{"type":21,"tag":38,"props":2132,"children":2134},{"className":2133},[64],[2135,2136,2140,2141,2146],{"type":26,"value":67},{"type":21,"tag":69,"props":2137,"children":2139},{"className":2138,"src":73,"alt":1834,"width":75,"height":75},[72],[],{"type":26,"value":67},{"type":21,"tag":79,"props":2142,"children":2144},{"className":2143},[82],[2145],{"type":26,"value":1842},{"type":26,"value":44},{"type":26,"value":36},{"type":26,"value":36},{"type":21,"tag":38,"props":2150,"children":2152},{"className":2151},[91],[2153,2154,2158],{"type":26,"value":67},{"type":21,"tag":69,"props":2155,"children":2157},{"className":2156,"src":1854,"alt":1817},[97],[],{"type":26,"value":44},{"type":21,"tag":22,"props":2160,"children":2161},{},[2162,2163,2168],{"type":26,"value":1861},{"type":21,"tag":124,"props":2164,"children":2166},{"className":2165},[],[2167],{"type":26,"value":1867},{"type":26,"value":1869},{"type":21,"tag":220,"props":2170,"children":2171},{"className":1375,"code":1872,"language":1377,"meta":8,"style":8},[2172],{"type":21,"tag":124,"props":2173,"children":2174},{"__ignoreMap":8},[2175],{"type":21,"tag":79,"props":2176,"children":2177},{"class":231,"line":232},[2178,2182,2186,2190,2194,2198,2202,2206,2210],{"type":21,"tag":79,"props":2179,"children":2180},{"style":236},[2181],{"type":26,"value":1884},{"type":21,"tag":79,"props":2183,"children":2184},{"style":247},[2185],{"type":26,"value":1889},{"type":21,"tag":79,"props":2187,"children":2188},{"style":253},[2189],{"type":26,"value":1894},{"type":21,"tag":79,"props":2191,"children":2192},{"style":236},[2193],{"type":26,"value":1414},{"type":21,"tag":79,"props":2195,"children":2196},{"style":253},[2197],{"type":26,"value":1903},{"type":21,"tag":79,"props":2199,"children":2200},{"style":236},[2201],{"type":26,"value":1908},{"type":21,"tag":79,"props":2203,"children":2204},{"style":253},[2205],{"type":26,"value":1913},{"type":21,"tag":79,"props":2207,"children":2208},{"style":516},[2209],{"type":26,"value":1918},{"type":21,"tag":79,"props":2211,"children":2212},{"style":253},[2213],{"type":26,"value":1923},{"type":21,"tag":112,"props":2215,"children":2216},{"id":1926},[2217],{"type":26,"value":1929},{"type":21,"tag":22,"props":2219,"children":2220},{},[2221],{"type":26,"value":1934},{"type":21,"tag":22,"props":2223,"children":2224},{},[2225],{"type":26,"value":1939},{"type":21,"tag":22,"props":2227,"children":2228},{},[2229],{"type":26,"value":1944},{"type":21,"tag":22,"props":2231,"children":2232},{},[2233],{"type":26,"value":1949},{"type":21,"tag":22,"props":2235,"children":2236},{},[2237],{"type":26,"value":1954},{"type":21,"tag":22,"props":2239,"children":2240},{},[2241],{"type":26,"value":1959},{"type":21,"tag":735,"props":2243,"children":2244},{},[2245],{"type":26,"value":739},{"title":8,"searchDepth":178,"depth":178,"links":2247},[2248,2249,2250],{"id":1717,"depth":178,"text":1720},{"id":1793,"depth":178,"text":1793},{"id":1926,"depth":178,"text":1929},{"_path":750,"_dir":8,"_draft":9,"_partial":9,"_locale":8,"title":751,"description":752,"emoji":753,"createdAt":754,"updatedAt":755,"tags":2252,"body":2253,"_type":183,"_id":1702,"_source":185,"_file":1703,"_stem":1704,"_extension":188},[16],{"type":18,"children":2254,"toc":3065},[2255,2259,2263,2313,2317,2346,2350,2407,2411,2415,2419,2423,2579,2583,2587,2591,2595,2599,2603,2607,2752,2756,2760,2766,2770,2776,2780,2784,2788,3049,3053,3057,3061],{"type":21,"tag":112,"props":2256,"children":2257},{"id":761},[2258],{"type":26,"value":761},{"type":21,"tag":22,"props":2260,"children":2261},{},[2262],{"type":26,"value":768},{"type":21,"tag":29,"props":2264,"children":2266},{"className":2265,"href":772},[32],[2267,2268,2302,2303],{"type":26,"value":36},{"type":21,"tag":38,"props":2269,"children":2271},{"className":2270},[41],[2272,2273,2278,2279,2284,2285,2301],{"type":26,"value":44},{"type":21,"tag":38,"props":2274,"children":2276},{"className":2275},[48],[2277],{"type":26,"value":785},{"type":26,"value":44},{"type":21,"tag":38,"props":2280,"children":2282},{"className":2281},[56],[2283],{"type":26,"value":792},{"type":26,"value":44},{"type":21,"tag":38,"props":2286,"children":2288},{"className":2287},[64],[2289,2290,2294,2295,2300],{"type":26,"value":67},{"type":21,"tag":69,"props":2291,"children":2293},{"className":2292,"src":802,"alt":803,"width":75,"height":75},[72],[],{"type":26,"value":67},{"type":21,"tag":79,"props":2296,"children":2298},{"className":2297},[82],[2299],{"type":26,"value":772},{"type":26,"value":44},{"type":26,"value":36},{"type":26,"value":36},{"type":21,"tag":38,"props":2304,"children":2306},{"className":2305},[91],[2307,2308,2312],{"type":26,"value":67},{"type":21,"tag":69,"props":2309,"children":2311},{"className":2310,"src":822,"alt":785},[97],[],{"type":26,"value":44},{"type":21,"tag":22,"props":2314,"children":2315},{},[2316],{"type":26,"value":829},{"type":21,"tag":220,"props":2318,"children":2319},{"className":832,"code":833,"language":834,"meta":8,"style":8},[2320],{"type":21,"tag":124,"props":2321,"children":2322},{"__ignoreMap":8},[2323],{"type":21,"tag":79,"props":2324,"children":2325},{"class":231,"line":232},[2326,2330,2334,2338,2342],{"type":21,"tag":79,"props":2327,"children":2328},{"style":247},[2329],{"type":26,"value":846},{"type":21,"tag":79,"props":2331,"children":2332},{"style":516},[2333],{"type":26,"value":851},{"type":21,"tag":79,"props":2335,"children":2336},{"style":516},[2337],{"type":26,"value":856},{"type":21,"tag":79,"props":2339,"children":2340},{"style":516},[2341],{"type":26,"value":861},{"type":21,"tag":79,"props":2343,"children":2344},{"style":516},[2345],{"type":26,"value":866},{"type":21,"tag":22,"props":2347,"children":2348},{},[2349],{"type":26,"value":871},{"type":21,"tag":220,"props":2351,"children":2352},{"className":874,"code":875,"language":876,"meta":8,"style":8},[2353],{"type":21,"tag":124,"props":2354,"children":2355},{"__ignoreMap":8},[2356,2375,2382,2393,2400],{"type":21,"tag":79,"props":2357,"children":2358},{"class":231,"line":232},[2359,2363,2367,2371],{"type":21,"tag":79,"props":2360,"children":2361},{"style":236},[2362],{"type":26,"value":239},{"type":21,"tag":79,"props":2364,"children":2365},{"style":236},[2366],{"type":26,"value":244},{"type":21,"tag":79,"props":2368,"children":2369},{"style":247},[2370],{"type":26,"value":250},{"type":21,"tag":79,"props":2372,"children":2373},{"style":253},[2374],{"type":26,"value":256},{"type":21,"tag":79,"props":2376,"children":2377},{"class":231,"line":178},[2378],{"type":21,"tag":79,"props":2379,"children":2380},{"style":253},[2381],{"type":26,"value":907},{"type":21,"tag":79,"props":2383,"children":2384},{"class":231,"line":267},[2385,2389],{"type":21,"tag":79,"props":2386,"children":2387},{"style":516},[2388],{"type":26,"value":915},{"type":21,"tag":79,"props":2390,"children":2391},{"style":253},[2392],{"type":26,"value":920},{"type":21,"tag":79,"props":2394,"children":2395},{"class":231,"line":276},[2396],{"type":21,"tag":79,"props":2397,"children":2398},{"style":253},[2399],{"type":26,"value":928},{"type":21,"tag":79,"props":2401,"children":2402},{"class":231,"line":291},[2403],{"type":21,"tag":79,"props":2404,"children":2405},{"style":253},[2406],{"type":26,"value":315},{"type":21,"tag":112,"props":2408,"children":2409},{"id":938},[2410],{"type":26,"value":938},{"type":21,"tag":22,"props":2412,"children":2413},{},[2414],{"type":26,"value":945},{"type":21,"tag":22,"props":2416,"children":2417},{},[2418],{"type":26,"value":950},{"type":21,"tag":22,"props":2420,"children":2421},{},[2422],{"type":26,"value":955},{"type":21,"tag":220,"props":2424,"children":2425},{"className":334,"code":958,"language":336,"meta":8,"style":8},[2426],{"type":21,"tag":124,"props":2427,"children":2428},{"__ignoreMap":8},[2429,2444,2479,2514,2549,2564],{"type":21,"tag":79,"props":2430,"children":2431},{"class":231,"line":232},[2432,2436,2440],{"type":21,"tag":79,"props":2433,"children":2434},{"style":253},[2435],{"type":26,"value":498},{"type":21,"tag":79,"props":2437,"children":2438},{"style":359},[2439],{"type":26,"value":611},{"type":21,"tag":79,"props":2441,"children":2442},{"style":253},[2443],{"type":26,"value":529},{"type":21,"tag":79,"props":2445,"children":2446},{"class":231,"line":178},[2447,2451,2455,2459,2463,2467,2471,2475],{"type":21,"tag":79,"props":2448,"children":2449},{"style":253},[2450],{"type":26,"value":623},{"type":21,"tag":79,"props":2452,"children":2453},{"style":359},[2454],{"type":26,"value":989},{"type":21,"tag":79,"props":2456,"children":2457},{"style":247},[2458],{"type":26,"value":633},{"type":21,"tag":79,"props":2460,"children":2461},{"style":253},[2462],{"type":26,"value":513},{"type":21,"tag":79,"props":2464,"children":2465},{"style":516},[2466],{"type":26,"value":642},{"type":21,"tag":79,"props":2468,"children":2469},{"style":253},[2470],{"type":26,"value":1006},{"type":21,"tag":79,"props":2472,"children":2473},{"style":516},[2474],{"type":26,"value":642},{"type":21,"tag":79,"props":2476,"children":2477},{"style":253},[2478],{"type":26,"value":529},{"type":21,"tag":79,"props":2480,"children":2481},{"class":231,"line":267},[2482,2486,2490,2494,2498,2502,2506,2510],{"type":21,"tag":79,"props":2483,"children":2484},{"style":253},[2485],{"type":26,"value":1022},{"type":21,"tag":79,"props":2487,"children":2488},{"style":359},[2489],{"type":26,"value":1027},{"type":21,"tag":79,"props":2491,"children":2492},{"style":247},[2493],{"type":26,"value":1032},{"type":21,"tag":79,"props":2495,"children":2496},{"style":253},[2497],{"type":26,"value":513},{"type":21,"tag":79,"props":2499,"children":2500},{"style":516},[2501],{"type":26,"value":1041},{"type":21,"tag":79,"props":2503,"children":2504},{"style":253},[2505],{"type":26,"value":1046},{"type":21,"tag":79,"props":2507,"children":2508},{"style":359},[2509],{"type":26,"value":1027},{"type":21,"tag":79,"props":2511,"children":2512},{"style":253},[2513],{"type":26,"value":529},{"type":21,"tag":79,"props":2515,"children":2516},{"class":231,"line":276},[2517,2521,2525,2529,2533,2537,2541,2545],{"type":21,"tag":79,"props":2518,"children":2519},{"style":253},[2520],{"type":26,"value":1022},{"type":21,"tag":79,"props":2522,"children":2523},{"style":359},[2524],{"type":26,"value":1027},{"type":21,"tag":79,"props":2526,"children":2527},{"style":247},[2528],{"type":26,"value":1032},{"type":21,"tag":79,"props":2530,"children":2531},{"style":253},[2532],{"type":26,"value":513},{"type":21,"tag":79,"props":2534,"children":2535},{"style":516},[2536],{"type":26,"value":1078},{"type":21,"tag":79,"props":2538,"children":2539},{"style":253},[2540],{"type":26,"value":1083},{"type":21,"tag":79,"props":2542,"children":2543},{"style":359},[2544],{"type":26,"value":1027},{"type":21,"tag":79,"props":2546,"children":2547},{"style":253},[2548],{"type":26,"value":529},{"type":21,"tag":79,"props":2550,"children":2551},{"class":231,"line":291},[2552,2556,2560],{"type":21,"tag":79,"props":2553,"children":2554},{"style":253},[2555],{"type":26,"value":1099},{"type":21,"tag":79,"props":2557,"children":2558},{"style":359},[2559],{"type":26,"value":989},{"type":21,"tag":79,"props":2561,"children":2562},{"style":253},[2563],{"type":26,"value":529},{"type":21,"tag":79,"props":2565,"children":2566},{"class":231,"line":300},[2567,2571,2575],{"type":21,"tag":79,"props":2568,"children":2569},{"style":253},[2570],{"type":26,"value":584},{"type":21,"tag":79,"props":2572,"children":2573},{"style":359},[2574],{"type":26,"value":611},{"type":21,"tag":79,"props":2576,"children":2577},{"style":253},[2578],{"type":26,"value":529},{"type":21,"tag":22,"props":2580,"children":2581},{},[2582],{"type":26,"value":1127},{"type":21,"tag":22,"props":2584,"children":2585},{},[2586],{"type":26,"value":1132},{"type":21,"tag":112,"props":2588,"children":2589},{"id":1135},[2590],{"type":26,"value":1138},{"type":21,"tag":22,"props":2592,"children":2593},{},[2594],{"type":26,"value":1143},{"type":21,"tag":22,"props":2596,"children":2597},{},[2598],{"type":26,"value":1148},{"type":21,"tag":22,"props":2600,"children":2601},{},[2602],{"type":26,"value":1153},{"type":21,"tag":22,"props":2604,"children":2605},{},[2606],{"type":26,"value":1158},{"type":21,"tag":220,"props":2608,"children":2609},{"className":1161,"code":1162,"language":1163,"meta":8,"style":8},[2610],{"type":21,"tag":124,"props":2611,"children":2612},{"__ignoreMap":8},[2613,2628,2639,2650,2661,2672,2679,2686,2701,2712,2723,2734,2745],{"type":21,"tag":79,"props":2614,"children":2615},{"class":231,"line":232},[2616,2620,2624],{"type":21,"tag":79,"props":2617,"children":2618},{"style":359},[2619],{"type":26,"value":1175},{"type":21,"tag":79,"props":2621,"children":2622},{"style":247},[2623],{"type":26,"value":1180},{"type":21,"tag":79,"props":2625,"children":2626},{"style":253},[2627],{"type":26,"value":1185},{"type":21,"tag":79,"props":2629,"children":2630},{"class":231,"line":178},[2631,2635],{"type":21,"tag":79,"props":2632,"children":2633},{"style":1191},[2634],{"type":26,"value":1194},{"type":21,"tag":79,"props":2636,"children":2637},{"style":253},[2638],{"type":26,"value":1199},{"type":21,"tag":79,"props":2640,"children":2641},{"class":231,"line":267},[2642,2646],{"type":21,"tag":79,"props":2643,"children":2644},{"style":1191},[2645],{"type":26,"value":1207},{"type":21,"tag":79,"props":2647,"children":2648},{"style":253},[2649],{"type":26,"value":1212},{"type":21,"tag":79,"props":2651,"children":2652},{"class":231,"line":276},[2653,2657],{"type":21,"tag":79,"props":2654,"children":2655},{"style":1191},[2656],{"type":26,"value":1220},{"type":21,"tag":79,"props":2658,"children":2659},{"style":253},[2660],{"type":26,"value":1225},{"type":21,"tag":79,"props":2662,"children":2663},{"class":231,"line":291},[2664,2668],{"type":21,"tag":79,"props":2665,"children":2666},{"style":1191},[2667],{"type":26,"value":1233},{"type":21,"tag":79,"props":2669,"children":2670},{"style":253},[2671],{"type":26,"value":1238},{"type":21,"tag":79,"props":2673,"children":2674},{"class":231,"line":300},[2675],{"type":21,"tag":79,"props":2676,"children":2677},{"style":253},[2678],{"type":26,"value":452},{"type":21,"tag":79,"props":2680,"children":2681},{"class":231,"line":309},[2682],{"type":21,"tag":79,"props":2683,"children":2684},{"emptyLinePlaceholder":373},[2685],{"type":26,"value":376},{"type":21,"tag":79,"props":2687,"children":2688},{"class":231,"line":410},[2689,2693,2697],{"type":21,"tag":79,"props":2690,"children":2691},{"style":359},[2692],{"type":26,"value":1175},{"type":21,"tag":79,"props":2694,"children":2695},{"style":247},[2696],{"type":26,"value":1264},{"type":21,"tag":79,"props":2698,"children":2699},{"style":253},[2700],{"type":26,"value":1269},{"type":21,"tag":79,"props":2702,"children":2703},{"class":231,"line":419},[2704,2708],{"type":21,"tag":79,"props":2705,"children":2706},{"style":1191},[2707],{"type":26,"value":1194},{"type":21,"tag":79,"props":2709,"children":2710},{"style":253},[2711],{"type":26,"value":1281},{"type":21,"tag":79,"props":2713,"children":2714},{"class":231,"line":428},[2715,2719],{"type":21,"tag":79,"props":2716,"children":2717},{"style":1191},[2718],{"type":26,"value":1207},{"type":21,"tag":79,"props":2720,"children":2721},{"style":253},[2722],{"type":26,"value":1293},{"type":21,"tag":79,"props":2724,"children":2725},{"class":231,"line":437},[2726,2730],{"type":21,"tag":79,"props":2727,"children":2728},{"style":1191},[2729],{"type":26,"value":1220},{"type":21,"tag":79,"props":2731,"children":2732},{"style":253},[2733],{"type":26,"value":1305},{"type":21,"tag":79,"props":2735,"children":2736},{"class":231,"line":446},[2737,2741],{"type":21,"tag":79,"props":2738,"children":2739},{"style":1191},[2740],{"type":26,"value":1233},{"type":21,"tag":79,"props":2742,"children":2743},{"style":253},[2744],{"type":26,"value":1317},{"type":21,"tag":79,"props":2746,"children":2747},{"class":231,"line":1320},[2748],{"type":21,"tag":79,"props":2749,"children":2750},{"style":253},[2751],{"type":26,"value":452},{"type":21,"tag":112,"props":2753,"children":2754},{"id":1328},[2755],{"type":26,"value":1328},{"type":21,"tag":22,"props":2757,"children":2758},{},[2759],{"type":26,"value":1335},{"type":21,"tag":22,"props":2761,"children":2762},{},[2763],{"type":21,"tag":69,"props":2764,"children":2765},{"alt":1341,"src":1342},[],{"type":21,"tag":22,"props":2767,"children":2768},{},[2769],{"type":26,"value":1348},{"type":21,"tag":22,"props":2771,"children":2772},{},[2773],{"type":21,"tag":69,"props":2774,"children":2775},{"alt":1354,"src":1355},[],{"type":21,"tag":112,"props":2777,"children":2778},{"id":1359},[2779],{"type":26,"value":1362},{"type":21,"tag":22,"props":2781,"children":2782},{},[2783],{"type":26,"value":1367},{"type":21,"tag":22,"props":2785,"children":2786},{},[2787],{"type":26,"value":1372},{"type":21,"tag":220,"props":2789,"children":2790},{"className":1375,"code":1376,"language":1377,"meta":8,"style":8},[2791],{"type":21,"tag":124,"props":2792,"children":2793},{"__ignoreMap":8},[2794,2809,2828,2835,2846,2865,2880,2895,2910,2925,2932,2955,2966,2981,2988,2999,3006,3017,3024,3035,3042],{"type":21,"tag":79,"props":2795,"children":2796},{"class":231,"line":232},[2797,2801,2805],{"type":21,"tag":79,"props":2798,"children":2799},{"style":236},[2800],{"type":26,"value":239},{"type":21,"tag":79,"props":2802,"children":2803},{"style":236},[2804],{"type":26,"value":244},{"type":21,"tag":79,"props":2806,"children":2807},{"style":253},[2808],{"type":26,"value":1269},{"type":21,"tag":79,"props":2810,"children":2811},{"class":231,"line":178},[2812,2816,2820,2824],{"type":21,"tag":79,"props":2813,"children":2814},{"style":247},[2815],{"type":26,"value":1404},{"type":21,"tag":79,"props":2817,"children":2818},{"style":253},[2819],{"type":26,"value":1409},{"type":21,"tag":79,"props":2821,"children":2822},{"style":236},[2823],{"type":26,"value":1414},{"type":21,"tag":79,"props":2825,"children":2826},{"style":253},[2827],{"type":26,"value":1419},{"type":21,"tag":79,"props":2829,"children":2830},{"class":231,"line":267},[2831],{"type":21,"tag":79,"props":2832,"children":2833},{"style":253},[2834],{"type":26,"value":1427},{"type":21,"tag":79,"props":2836,"children":2837},{"class":231,"line":276},[2838,2842],{"type":21,"tag":79,"props":2839,"children":2840},{"style":247},[2841],{"type":26,"value":1435},{"type":21,"tag":79,"props":2843,"children":2844},{"style":253},[2845],{"type":26,"value":1440},{"type":21,"tag":79,"props":2847,"children":2848},{"class":231,"line":291},[2849,2853,2857,2861],{"type":21,"tag":79,"props":2850,"children":2851},{"style":236},[2852],{"type":26,"value":1448},{"type":21,"tag":79,"props":2854,"children":2855},{"style":285},[2856],{"type":26,"value":1453},{"type":21,"tag":79,"props":2858,"children":2859},{"style":236},[2860],{"type":26,"value":1458},{"type":21,"tag":79,"props":2862,"children":2863},{"style":253},[2864],{"type":26,"value":1269},{"type":21,"tag":79,"props":2866,"children":2867},{"class":231,"line":300},[2868,2872,2876],{"type":21,"tag":79,"props":2869,"children":2870},{"style":253},[2871],{"type":26,"value":1470},{"type":21,"tag":79,"props":2873,"children":2874},{"style":516},[2875],{"type":26,"value":1475},{"type":21,"tag":79,"props":2877,"children":2878},{"style":253},[2879],{"type":26,"value":920},{"type":21,"tag":79,"props":2881,"children":2882},{"class":231,"line":309},[2883,2887,2891],{"type":21,"tag":79,"props":2884,"children":2885},{"style":253},[2886],{"type":26,"value":1487},{"type":21,"tag":79,"props":2888,"children":2889},{"style":516},[2890],{"type":26,"value":1475},{"type":21,"tag":79,"props":2892,"children":2893},{"style":253},[2894],{"type":26,"value":920},{"type":21,"tag":79,"props":2896,"children":2897},{"class":231,"line":410},[2898,2902,2906],{"type":21,"tag":79,"props":2899,"children":2900},{"style":253},[2901],{"type":26,"value":1503},{"type":21,"tag":79,"props":2903,"children":2904},{"style":285},[2905],{"type":26,"value":1508},{"type":21,"tag":79,"props":2907,"children":2908},{"style":253},[2909],{"type":26,"value":920},{"type":21,"tag":79,"props":2911,"children":2912},{"class":231,"line":419},[2913,2917,2921],{"type":21,"tag":79,"props":2914,"children":2915},{"style":253},[2916],{"type":26,"value":1520},{"type":21,"tag":79,"props":2918,"children":2919},{"style":285},[2920],{"type":26,"value":1508},{"type":21,"tag":79,"props":2922,"children":2923},{"style":253},[2924],{"type":26,"value":920},{"type":21,"tag":79,"props":2926,"children":2927},{"class":231,"line":428},[2928],{"type":21,"tag":79,"props":2929,"children":2930},{"style":253},[2931],{"type":26,"value":1536},{"type":21,"tag":79,"props":2933,"children":2934},{"class":231,"line":437},[2935,2939,2943,2947,2951],{"type":21,"tag":79,"props":2936,"children":2937},{"style":236},[2938],{"type":26,"value":1448},{"type":21,"tag":79,"props":2940,"children":2941},{"style":285},[2942],{"type":26,"value":1548},{"type":21,"tag":79,"props":2944,"children":2945},{"style":236},[2946],{"type":26,"value":1458},{"type":21,"tag":79,"props":2948,"children":2949},{"style":247},[2950],{"type":26,"value":1557},{"type":21,"tag":79,"props":2952,"children":2953},{"style":253},[2954],{"type":26,"value":1562},{"type":21,"tag":79,"props":2956,"children":2957},{"class":231,"line":446},[2958,2962],{"type":21,"tag":79,"props":2959,"children":2960},{"style":236},[2961],{"type":26,"value":1570},{"type":21,"tag":79,"props":2963,"children":2964},{"style":253},[2965],{"type":26,"value":1575},{"type":21,"tag":79,"props":2967,"children":2968},{"class":231,"line":1320},[2969,2973,2977],{"type":21,"tag":79,"props":2970,"children":2971},{"style":253},[2972],{"type":26,"value":1583},{"type":21,"tag":79,"props":2974,"children":2975},{"style":236},[2976],{"type":26,"value":513},{"type":21,"tag":79,"props":2978,"children":2979},{"style":253},[2980],{"type":26,"value":1592},{"type":21,"tag":79,"props":2982,"children":2983},{"class":231,"line":1595},[2984],{"type":21,"tag":79,"props":2985,"children":2986},{"style":253},[2987],{"type":26,"value":1536},{"type":21,"tag":79,"props":2989,"children":2990},{"class":231,"line":1603},[2991,2995],{"type":21,"tag":79,"props":2992,"children":2993},{"style":236},[2994],{"type":26,"value":1609},{"type":21,"tag":79,"props":2996,"children":2997},{"style":253},[2998],{"type":26,"value":1614},{"type":21,"tag":79,"props":3000,"children":3001},{"class":231,"line":75},[3002],{"type":21,"tag":79,"props":3003,"children":3004},{"style":253},[3005],{"type":26,"value":1622},{"type":21,"tag":79,"props":3007,"children":3008},{"class":231,"line":1625},[3009,3013],{"type":21,"tag":79,"props":3010,"children":3011},{"style":253},[3012],{"type":26,"value":1631},{"type":21,"tag":79,"props":3014,"children":3015},{"style":516},[3016],{"type":26,"value":1636},{"type":21,"tag":79,"props":3018,"children":3019},{"class":231,"line":1639},[3020],{"type":21,"tag":79,"props":3021,"children":3022},{"style":516},[3023],{"type":26,"value":1645},{"type":21,"tag":79,"props":3025,"children":3026},{"class":231,"line":1648},[3027,3031],{"type":21,"tag":79,"props":3028,"children":3029},{"style":516},[3030],{"type":26,"value":1654},{"type":21,"tag":79,"props":3032,"children":3033},{"style":253},[3034],{"type":26,"value":920},{"type":21,"tag":79,"props":3036,"children":3037},{"class":231,"line":1661},[3038],{"type":21,"tag":79,"props":3039,"children":3040},{"style":253},[3041],{"type":26,"value":1667},{"type":21,"tag":79,"props":3043,"children":3044},{"class":231,"line":1670},[3045],{"type":21,"tag":79,"props":3046,"children":3047},{"style":253},[3048],{"type":26,"value":452},{"type":21,"tag":112,"props":3050,"children":3051},{"id":725},[3052],{"type":26,"value":725},{"type":21,"tag":22,"props":3054,"children":3055},{},[3056],{"type":26,"value":1684},{"type":21,"tag":22,"props":3058,"children":3059},{},[3060],{"type":26,"value":1689},{"type":21,"tag":735,"props":3062,"children":3063},{},[3064],{"type":26,"value":739},{"title":8,"searchDepth":178,"depth":178,"links":3066},[3067,3068,3069,3070,3071,3072],{"id":761,"depth":178,"text":761},{"id":938,"depth":178,"text":938},{"id":1135,"depth":178,"text":1138},{"id":1328,"depth":178,"text":1328},{"id":1359,"depth":178,"text":1362},{"id":725,"depth":178,"text":725},{"_path":190,"_dir":8,"_draft":9,"_partial":9,"_locale":8,"title":191,"description":192,"emoji":193,"createdAt":194,"updatedAt":194,"tags":3074,"body":3075,"_type":183,"_id":746,"_source":185,"_file":747,"_stem":748,"_extension":188},[16],{"type":18,"children":3076,"toc":3517},[3077,3081,3085,3089,3093,3164,3168,3172,3176,3274,3278,3287,3291,3295,3505,3509,3513],{"type":21,"tag":112,"props":3078,"children":3079},{"id":200},[3080],{"type":26,"value":203},{"type":21,"tag":22,"props":3082,"children":3083},{},[3084],{"type":26,"value":208},{"type":21,"tag":22,"props":3086,"children":3087},{},[3088],{"type":26,"value":213},{"type":21,"tag":22,"props":3090,"children":3091},{},[3092],{"type":26,"value":218},{"type":21,"tag":220,"props":3094,"children":3095},{"className":222,"code":223,"language":224,"meta":8,"style":8},[3096],{"type":21,"tag":124,"props":3097,"children":3098},{"__ignoreMap":8},[3099,3118,3125,3132,3143,3150,3157],{"type":21,"tag":79,"props":3100,"children":3101},{"class":231,"line":232},[3102,3106,3110,3114],{"type":21,"tag":79,"props":3103,"children":3104},{"style":236},[3105],{"type":26,"value":239},{"type":21,"tag":79,"props":3107,"children":3108},{"style":236},[3109],{"type":26,"value":244},{"type":21,"tag":79,"props":3111,"children":3112},{"style":247},[3113],{"type":26,"value":250},{"type":21,"tag":79,"props":3115,"children":3116},{"style":253},[3117],{"type":26,"value":256},{"type":21,"tag":79,"props":3119,"children":3120},{"class":231,"line":178},[3121],{"type":21,"tag":79,"props":3122,"children":3123},{"style":253},[3124],{"type":26,"value":264},{"type":21,"tag":79,"props":3126,"children":3127},{"class":231,"line":267},[3128],{"type":21,"tag":79,"props":3129,"children":3130},{"style":253},[3131],{"type":26,"value":273},{"type":21,"tag":79,"props":3133,"children":3134},{"class":231,"line":276},[3135,3139],{"type":21,"tag":79,"props":3136,"children":3137},{"style":253},[3138],{"type":26,"value":282},{"type":21,"tag":79,"props":3140,"children":3141},{"style":285},[3142],{"type":26,"value":288},{"type":21,"tag":79,"props":3144,"children":3145},{"class":231,"line":291},[3146],{"type":21,"tag":79,"props":3147,"children":3148},{"style":253},[3149],{"type":26,"value":297},{"type":21,"tag":79,"props":3151,"children":3152},{"class":231,"line":300},[3153],{"type":21,"tag":79,"props":3154,"children":3155},{"style":253},[3156],{"type":26,"value":306},{"type":21,"tag":79,"props":3158,"children":3159},{"class":231,"line":309},[3160],{"type":21,"tag":79,"props":3161,"children":3162},{"style":253},[3163],{"type":26,"value":315},{"type":21,"tag":112,"props":3165,"children":3166},{"id":318},[3167],{"type":26,"value":321},{"type":21,"tag":22,"props":3169,"children":3170},{},[3171],{"type":26,"value":326},{"type":21,"tag":22,"props":3173,"children":3174},{},[3175],{"type":26,"value":331},{"type":21,"tag":220,"props":3177,"children":3178},{"className":334,"code":335,"language":336,"meta":8,"style":8},[3179],{"type":21,"tag":124,"props":3180,"children":3181},{"__ignoreMap":8},[3182,3189,3204,3211,3218,3225,3232,3239,3246,3253,3260,3267],{"type":21,"tag":79,"props":3183,"children":3184},{"class":231,"line":232},[3185],{"type":21,"tag":79,"props":3186,"children":3187},{"style":253},[3188],{"type":26,"value":348},{"type":21,"tag":79,"props":3190,"children":3191},{"class":231,"line":178},[3192,3196,3200],{"type":21,"tag":79,"props":3193,"children":3194},{"style":253},[3195],{"type":26,"value":356},{"type":21,"tag":79,"props":3197,"children":3198},{"style":359},[3199],{"type":26,"value":362},{"type":21,"tag":79,"props":3201,"children":3202},{"style":253},[3203],{"type":26,"value":367},{"type":21,"tag":79,"props":3205,"children":3206},{"class":231,"line":267},[3207],{"type":21,"tag":79,"props":3208,"children":3209},{"emptyLinePlaceholder":373},[3210],{"type":26,"value":376},{"type":21,"tag":79,"props":3212,"children":3213},{"class":231,"line":276},[3214],{"type":21,"tag":79,"props":3215,"children":3216},{"style":253},[3217],{"type":26,"value":384},{"type":21,"tag":79,"props":3219,"children":3220},{"class":231,"line":291},[3221],{"type":21,"tag":79,"props":3222,"children":3223},{"style":253},[3224],{"type":26,"value":392},{"type":21,"tag":79,"props":3226,"children":3227},{"class":231,"line":300},[3228],{"type":21,"tag":79,"props":3229,"children":3230},{"style":253},[3231],{"type":26,"value":400},{"type":21,"tag":79,"props":3233,"children":3234},{"class":231,"line":309},[3235],{"type":21,"tag":79,"props":3236,"children":3237},{"emptyLinePlaceholder":373},[3238],{"type":26,"value":376},{"type":21,"tag":79,"props":3240,"children":3241},{"class":231,"line":410},[3242],{"type":21,"tag":79,"props":3243,"children":3244},{"style":253},[3245],{"type":26,"value":416},{"type":21,"tag":79,"props":3247,"children":3248},{"class":231,"line":419},[3249],{"type":21,"tag":79,"props":3250,"children":3251},{"style":253},[3252],{"type":26,"value":425},{"type":21,"tag":79,"props":3254,"children":3255},{"class":231,"line":428},[3256],{"type":21,"tag":79,"props":3257,"children":3258},{"style":253},[3259],{"type":26,"value":434},{"type":21,"tag":79,"props":3261,"children":3262},{"class":231,"line":437},[3263],{"type":21,"tag":79,"props":3264,"children":3265},{"style":253},[3266],{"type":26,"value":443},{"type":21,"tag":79,"props":3268,"children":3269},{"class":231,"line":446},[3270],{"type":21,"tag":79,"props":3271,"children":3272},{"style":253},[3273],{"type":26,"value":452},{"type":21,"tag":22,"props":3275,"children":3276},{},[3277],{"type":26,"value":457},{"type":21,"tag":22,"props":3279,"children":3280},{},[3281,3286],{"type":21,"tag":29,"props":3282,"children":3284},{"href":463,"rel":3283,"target":467},[465,465,466,466],[3285],{"type":26,"value":470},{"type":26,"value":472},{"type":21,"tag":112,"props":3288,"children":3289},{"id":475},[3290],{"type":26,"value":478},{"type":21,"tag":22,"props":3292,"children":3293},{},[3294],{"type":26,"value":483},{"type":21,"tag":220,"props":3296,"children":3297},{"className":334,"code":486,"language":336,"meta":8,"style":8},[3298],{"type":21,"tag":124,"props":3299,"children":3300},{"__ignoreMap":8},[3301,3332,3371,3386,3393,3408,3467,3490],{"type":21,"tag":79,"props":3302,"children":3303},{"class":231,"line":232},[3304,3308,3312,3316,3320,3324,3328],{"type":21,"tag":79,"props":3305,"children":3306},{"style":253},[3307],{"type":26,"value":498},{"type":21,"tag":79,"props":3309,"children":3310},{"style":359},[3311],{"type":26,"value":503},{"type":21,"tag":79,"props":3313,"children":3314},{"style":247},[3315],{"type":26,"value":508},{"type":21,"tag":79,"props":3317,"children":3318},{"style":253},[3319],{"type":26,"value":513},{"type":21,"tag":79,"props":3321,"children":3322},{"style":516},[3323],{"type":26,"value":519},{"type":21,"tag":79,"props":3325,"children":3326},{"style":247},[3327],{"type":26,"value":524},{"type":21,"tag":79,"props":3329,"children":3330},{"style":253},[3331],{"type":26,"value":529},{"type":21,"tag":79,"props":3333,"children":3334},{"class":231,"line":178},[3335,3339,3343,3347,3351,3355,3359,3363,3367],{"type":21,"tag":79,"props":3336,"children":3337},{"style":236},[3338],{"type":26,"value":537},{"type":21,"tag":79,"props":3340,"children":3341},{"style":253},[3342],{"type":26,"value":542},{"type":21,"tag":79,"props":3344,"children":3345},{"style":285},[3346],{"type":26,"value":547},{"type":21,"tag":79,"props":3348,"children":3349},{"style":253},[3350],{"type":26,"value":552},{"type":21,"tag":79,"props":3352,"children":3353},{"style":285},[3354],{"type":26,"value":557},{"type":21,"tag":79,"props":3356,"children":3357},{"style":253},[3358],{"type":26,"value":562},{"type":21,"tag":79,"props":3360,"children":3361},{"style":236},[3362],{"type":26,"value":513},{"type":21,"tag":79,"props":3364,"children":3365},{"style":247},[3366],{"type":26,"value":571},{"type":21,"tag":79,"props":3368,"children":3369},{"style":253},[3370],{"type":26,"value":576},{"type":21,"tag":79,"props":3372,"children":3373},{"class":231,"line":267},[3374,3378,3382],{"type":21,"tag":79,"props":3375,"children":3376},{"style":253},[3377],{"type":26,"value":584},{"type":21,"tag":79,"props":3379,"children":3380},{"style":359},[3381],{"type":26,"value":503},{"type":21,"tag":79,"props":3383,"children":3384},{"style":253},[3385],{"type":26,"value":529},{"type":21,"tag":79,"props":3387,"children":3388},{"class":231,"line":276},[3389],{"type":21,"tag":79,"props":3390,"children":3391},{"emptyLinePlaceholder":373},[3392],{"type":26,"value":376},{"type":21,"tag":79,"props":3394,"children":3395},{"class":231,"line":291},[3396,3400,3404],{"type":21,"tag":79,"props":3397,"children":3398},{"style":253},[3399],{"type":26,"value":498},{"type":21,"tag":79,"props":3401,"children":3402},{"style":359},[3403],{"type":26,"value":611},{"type":21,"tag":79,"props":3405,"children":3406},{"style":253},[3407],{"type":26,"value":529},{"type":21,"tag":79,"props":3409,"children":3410},{"class":231,"line":300},[3411,3415,3419,3423,3427,3431,3435,3439,3443,3447,3451,3455,3459,3463],{"type":21,"tag":79,"props":3412,"children":3413},{"style":253},[3414],{"type":26,"value":623},{"type":21,"tag":79,"props":3416,"children":3417},{"style":359},[3418],{"type":26,"value":628},{"type":21,"tag":79,"props":3420,"children":3421},{"style":247},[3422],{"type":26,"value":633},{"type":21,"tag":79,"props":3424,"children":3425},{"style":253},[3426],{"type":26,"value":513},{"type":21,"tag":79,"props":3428,"children":3429},{"style":516},[3430],{"type":26,"value":642},{"type":21,"tag":79,"props":3432,"children":3433},{"style":253},[3434],{"type":26,"value":547},{"type":21,"tag":79,"props":3436,"children":3437},{"style":516},[3438],{"type":26,"value":642},{"type":21,"tag":79,"props":3440,"children":3441},{"style":247},[3442],{"type":26,"value":655},{"type":21,"tag":79,"props":3444,"children":3445},{"style":253},[3446],{"type":26,"value":513},{"type":21,"tag":79,"props":3448,"children":3449},{"style":516},[3450],{"type":26,"value":664},{"type":21,"tag":79,"props":3452,"children":3453},{"style":247},[3454],{"type":26,"value":669},{"type":21,"tag":79,"props":3456,"children":3457},{"style":253},[3458],{"type":26,"value":513},{"type":21,"tag":79,"props":3460,"children":3461},{"style":516},[3462],{"type":26,"value":678},{"type":21,"tag":79,"props":3464,"children":3465},{"style":253},[3466],{"type":26,"value":683},{"type":21,"tag":79,"props":3468,"children":3469},{"class":231,"line":309},[3470,3474,3478,3482,3486],{"type":21,"tag":79,"props":3471,"children":3472},{"style":253},[3473],{"type":26,"value":623},{"type":21,"tag":79,"props":3475,"children":3476},{"style":359},[3477],{"type":26,"value":22},{"type":21,"tag":79,"props":3479,"children":3480},{"style":253},[3481],{"type":26,"value":699},{"type":21,"tag":79,"props":3483,"children":3484},{"style":359},[3485],{"type":26,"value":22},{"type":21,"tag":79,"props":3487,"children":3488},{"style":253},[3489],{"type":26,"value":529},{"type":21,"tag":79,"props":3491,"children":3492},{"class":231,"line":410},[3493,3497,3501],{"type":21,"tag":79,"props":3494,"children":3495},{"style":253},[3496],{"type":26,"value":584},{"type":21,"tag":79,"props":3498,"children":3499},{"style":359},[3500],{"type":26,"value":611},{"type":21,"tag":79,"props":3502,"children":3503},{"style":253},[3504],{"type":26,"value":529},{"type":21,"tag":112,"props":3506,"children":3507},{"id":725},[3508],{"type":26,"value":728},{"type":21,"tag":22,"props":3510,"children":3511},{},[3512],{"type":26,"value":733},{"type":21,"tag":735,"props":3514,"children":3515},{},[3516],{"type":26,"value":739},{"title":8,"searchDepth":178,"depth":178,"links":3518},[3519,3520,3521,3522],{"id":200,"depth":178,"text":203},{"id":318,"depth":178,"text":321},{"id":475,"depth":178,"text":478},{"id":725,"depth":178,"text":728},{"_path":7,"_dir":8,"_draft":9,"_partial":9,"_locale":8,"title":10,"description":11,"emoji":12,"createdAt":13,"updatedAt":14,"tags":3524,"body":3525,"_type":183,"_id":184,"_source":185,"_file":186,"_stem":187,"_extension":188},[16],{"type":18,"children":3526,"toc":3637},[3527,3531,3581,3585,3589,3593,3603,3607,3611,3615,3619,3623,3627],{"type":21,"tag":22,"props":3528,"children":3529},{},[3530],{"type":26,"value":27},{"type":21,"tag":29,"props":3532,"children":3534},{"className":3533,"href":33},[32],[3535,3536,3570,3571],{"type":26,"value":36},{"type":21,"tag":38,"props":3537,"children":3539},{"className":3538},[41],[3540,3541,3546,3547,3552,3553,3569],{"type":26,"value":44},{"type":21,"tag":38,"props":3542,"children":3544},{"className":3543},[48],[3545],{"type":26,"value":51},{"type":26,"value":44},{"type":21,"tag":38,"props":3548,"children":3550},{"className":3549},[56],[3551],{"type":26,"value":59},{"type":26,"value":44},{"type":21,"tag":38,"props":3554,"children":3556},{"className":3555},[64],[3557,3558,3562,3563,3568],{"type":26,"value":67},{"type":21,"tag":69,"props":3559,"children":3561},{"className":3560,"src":73,"alt":74,"width":75,"height":75},[72],[],{"type":26,"value":67},{"type":21,"tag":79,"props":3564,"children":3566},{"className":3565},[82],[3567],{"type":26,"value":33},{"type":26,"value":44},{"type":26,"value":36},{"type":26,"value":36},{"type":21,"tag":38,"props":3572,"children":3574},{"className":3573},[91],[3575,3576,3580],{"type":26,"value":67},{"type":21,"tag":69,"props":3577,"children":3579},{"className":3578,"src":98,"alt":51},[97],[],{"type":26,"value":44},{"type":21,"tag":22,"props":3582,"children":3583},{},[3584],{"type":26,"value":105},{"type":21,"tag":22,"props":3586,"children":3587},{},[3588],{"type":26,"value":110},{"type":21,"tag":112,"props":3590,"children":3591},{"id":114},[3592],{"type":26,"value":117},{"type":21,"tag":22,"props":3594,"children":3595},{},[3596,3597,3602],{"type":26,"value":122},{"type":21,"tag":124,"props":3598,"children":3600},{"className":3599},[],[3601],{"type":26,"value":129},{"type":26,"value":131},{"type":21,"tag":112,"props":3604,"children":3605},{"id":134},[3606],{"type":26,"value":137},{"type":21,"tag":22,"props":3608,"children":3609},{},[3610],{"type":26,"value":142},{"type":21,"tag":22,"props":3612,"children":3613},{},[3614],{"type":26,"value":147},{"type":21,"tag":22,"props":3616,"children":3617},{},[3618],{"type":26,"value":152},{"type":21,"tag":22,"props":3620,"children":3621},{},[3622],{"type":26,"value":157},{"type":21,"tag":112,"props":3624,"children":3625},{"id":160},[3626],{"type":26,"value":163},{"type":21,"tag":22,"props":3628,"children":3629},{},[3630,3631,3636],{"type":26,"value":168},{"type":21,"tag":124,"props":3632,"children":3634},{"className":3633},[],[3635],{"type":26,"value":174},{"type":26,"value":176},{"title":8,"searchDepth":178,"depth":178,"links":3638},[3639,3640,3641],{"id":114,"depth":178,"text":117},{"id":134,"depth":178,"text":137},{"id":160,"depth":178,"text":163},["Reactive",3643],{"$scolor-mode":3644,"$ssite-config":3646},{"preference":3645,"value":3645,"unknown":373,"forced":9},"system",{"env":3647,"name":3648,"url":3649},"production","blog","https://splendente.vercel.app",["Set"],["ShallowReactive",3652],{"bHXWEEvYPr":-1,"articles":-1,"tags":-1,"content-query-dJuXTxfEP3":-1},"/?tag=Nuxt"]