[{"data":1,"prerenderedAt":983},["ShallowReactive",2],{"/blog":3,"blog-posts":33},{"id":4,"title":5,"body":6,"description":20,"extension":21,"meta":22,"navigation":29,"path":30,"seo":31,"stem":32},"content/blog/index.md","Bloghg",{"type":7,"value":8,"toc":16},"minimal",[9,14],[10,11,13],"h1",{"id":12},"blog-posts","Blog Posts",[12,15],{},{"title":17,"searchDepth":18,"depth":18,"links":19},"",2,[],"A beginner's guide to getting started with Vue 3.","md",{"image":23,"date":24,"head":25},"/images/vue-logo.png","2020-03-03",{"meta":26},[27],{"name":28,"content":23},"og:image",true,"/blog",{"title":5,"description":20},"blog/index",[34,223,516],{"id":35,"title":36,"body":37,"date":217,"description":218,"extension":21,"meta":219,"navigation":29,"path":220,"seo":221,"stem":222},"blog/blog/first.md","First page",{"type":7,"value":38,"toc":211},[39,43,48,57,61,68,73,76,86,89,98,101,120,123,151,200,207],[10,40,42],{"id":41},"first-post-on-our-website","First post on our website",[44,45,47],"h2",{"id":46},"introduction","Introduction",[49,50,51,52,56],"p",{},"This is some text. ",[53,54,55],"em",{},"This is italic",".",[44,58,60],{"id":59},"second-part","Second Part",[49,62,63,64,56],{},"Something more. ",[65,66,67],"strong",{},"This is bold",[69,70,72],"h3",{"id":71},"also-try-lists","Also try lists",[49,74,75],{},"Unordered lists:",[77,78,79,83],"ul",{},[80,81,82],"li",{},"Do the work",[80,84,85],{},"Collect benefits",[49,87,88],{},"Numbered lists:",[90,91,92,95],"ol",{},[80,93,94],{},"Pay taxes",[80,96,97],{},"Die",[49,99,100],{},"Todo list:",[77,102,105,114],{"className":103},[104],"contains-task-list",[80,106,109,113],{"className":107},[108],"task-list-item",[110,111],"input",{"disabled":29,"type":112},"checkbox"," Buy groceries",[80,115,117,119],{"className":116},[108],[110,118],{"disabled":29,"type":112}," Pay bills",[49,121,122],{},"Tables:",[124,125,126,139],"table",{},[127,128,129],"thead",{},[130,131,132,136],"tr",{},[133,134,135],"th",{},"Name",[133,137,138],{},"Surname",[140,141,142],"tbody",{},[130,143,144,148],{},[145,146,147],"td",{},"Swaraj",[145,149,150],{},"Dash",[152,153,157],"pre",{"className":154,"code":155,"language":156,"meta":17,"style":17},"language-html shiki shiki-themes github-light github-dark monokai","\u003Chtml>\n  \u003Cdiv>Hello!\u003C/div>\n\u003C/html>\n","html",[158,159,160,175,190],"code",{"__ignoreMap":17},[161,162,165,169,172],"span",{"class":163,"line":164},"line",1,[161,166,168],{"class":167},"sk4Fs","\u003C",[161,170,156],{"class":171},"sIOgg",[161,173,174],{"class":167},">\n",[161,176,177,180,183,186,188],{"class":163,"line":18},[161,178,179],{"class":167},"  \u003C",[161,181,182],{"class":171},"div",[161,184,185],{"class":167},">Hello!\u003C/",[161,187,182],{"class":171},[161,189,174],{"class":167},[161,191,193,196,198],{"class":163,"line":192},3,[161,194,195],{"class":167},"\u003C/",[161,197,156],{"class":171},[161,199,174],{"class":167},[49,201,202],{},[203,204,206],"a",{"href":205},"/blog/second","Go to the second article",[208,209,210],"style",{},"html pre.shiki code .sk4Fs, html code.shiki .sk4Fs{--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-sepia:#F8F8F2}html pre.shiki code .sIOgg, html code.shiki .sIOgg{--shiki-default:#22863A;--shiki-dark:#85E89D;--shiki-sepia:#F92672}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .sepia .shiki span {color: var(--shiki-sepia);background: var(--shiki-sepia-bg);font-style: var(--shiki-sepia-font-style);font-weight: var(--shiki-sepia-font-weight);text-decoration: var(--shiki-sepia-text-decoration);}html.sepia .shiki span {color: var(--shiki-sepia);background: var(--shiki-sepia-bg);font-style: var(--shiki-sepia-font-style);font-weight: var(--shiki-sepia-font-weight);text-decoration: var(--shiki-sepia-text-decoration);}",{"title":17,"searchDepth":18,"depth":18,"links":212},[213,214],{"id":46,"depth":18,"text":47},{"id":59,"depth":18,"text":60,"children":215},[216],{"id":71,"depth":192,"text":72},"2024-12-03","meta description of the page",{"toc":29,"image":23},"/blog/first",{"title":36,"description":218},"blog/first",{"id":224,"title":225,"body":226,"date":508,"description":509,"extension":21,"meta":510,"navigation":29,"path":513,"seo":514,"stem":515},"blog/blog/github.md","Manage multiple Git profiles on same PC",{"type":7,"value":227},[228,232,235,240,244,254,261,272,281,289,293,296,300,306,311,357,362,399,403,409,447,450,488,499,502,505],[10,229,231],{"id":230},"how-to-manage-multiple-git-profiles-in-the-same-pc","How to Manage Multiple Git Profiles in the same PC",[49,233,234],{},"If you're juggling multiple Git (GitHub/GitLab) accounts on a single machine and seeking a seamless way to manage them, you've come to the right place. While most solutions online involve configuring SSH files and custom hosts for each user, these methods can be complex and intimidating, especially if you're not familiar with SSH or encountering issues along the way. Fear not, because I've got a simpler solution for you, outlined in just four easy steps.",[49,236,237],{},[53,238,239],{},"Disclaimer: This solution utilizes the HTTPS protocol for interacting with your repositories. If you prefer SSH for security reasons or personal preference, you may refer to alternative methods.",[44,241,243],{"id":242},"the-solution","The Solution",[49,245,246,247,253],{},"Since version 2.13, Git has provided the capability to include ",[203,248,252],{"href":249,"rel":250},"https://git-scm.com/docs/git-config#_includes",[251],"nofollow","config directives from external sources",". This feature enables us to use different Git configurations for each repository based on its directory location within your computer. We'll leverage this functionality to set up 2 user profiles in this article, but the idea can be extended to any number of profiles.",[44,255,257,258],{"id":256},"step-0-understanding-gitconfig","Step 0 - Understanding ",[158,259,260],{},".gitconfig",[49,262,263,264,266,267,56],{},"Firstly, locate your global ",[158,265,260],{}," file. This file stores crucial Git configurations such as user credentials, aliases, and default text editor settings. If you're using Git, you likely already have this file. If not, you can ",[203,268,271],{"href":269,"rel":270},"https://git-scm.com/downloads",[251],"download and install Git from here",[49,273,274,277,278],{},[65,275,276],{},"UNIX-based OS:"," Typically located at ",[158,279,280],{},"~/.gitconfig",[49,282,283,277,286],{},[65,284,285],{},"Windows:",[158,287,288],{},"C:\\Users\\username\\.gitconfig",[44,290,292],{"id":291},"step-1-organize-your-workspaces","Step 1 - Organize Your Workspaces",[49,294,295],{},"To maintain clarity and organization, create distinct folder structures to house your repositories. Consider creating a master directory for each user profile and store your repositories there. For example, you could dedicate entire volumes (e.g., D:\\ and E:\\) as separate workspaces like me, or organize them within a single volume as per your preference.",[44,297,299],{"id":298},"step-2-create-local-git-configurations","Step 2 - Create Local Git Configurations",[49,301,302,303,305],{},"Next, create a ",[158,304,260],{}," file for each user profile you intend to use. Place them in the root of the directory of each workspace.",[49,307,308],{},[65,309,310],{},"Work",[152,312,316],{"className":313,"code":314,"language":315,"meta":17,"style":17},"language-shell shiki shiki-themes github-light github-dark monokai","# D:/.gitconfig\n\n[credential]\n    username = \u003Cwork-username>\n[user]\n    name = \u003CAccount Name>\n    email = email@company.com\n","shell",[158,317,318,323,328,333,339,345,351],{"__ignoreMap":17},[161,319,320],{"class":163,"line":164},[161,321,322],{},"# D:/.gitconfig\n",[161,324,325],{"class":163,"line":18},[161,326,327],{"emptyLinePlaceholder":29},"\n",[161,329,330],{"class":163,"line":192},[161,331,332],{},"[credential]\n",[161,334,336],{"class":163,"line":335},4,[161,337,338],{},"    username = \u003Cwork-username>\n",[161,340,342],{"class":163,"line":341},5,[161,343,344],{},"[user]\n",[161,346,348],{"class":163,"line":347},6,[161,349,350],{},"    name = \u003CAccount Name>\n",[161,352,354],{"class":163,"line":353},7,[161,355,356],{},"    email = email@company.com\n",[49,358,359],{},[65,360,361],{},"Personal",[152,363,365],{"className":313,"code":364,"language":315,"meta":17,"style":17},"# E:/.gitconfig\n\n[credential]\n    username = \u003Cpersonal-username>\n[user]\n    name = \u003Cpersonal-username>\n    email = \u003Cpersonal-username>@users.noreply.github.com\n",[158,366,367,372,376,380,385,389,394],{"__ignoreMap":17},[161,368,369],{"class":163,"line":164},[161,370,371],{},"# E:/.gitconfig\n",[161,373,374],{"class":163,"line":18},[161,375,327],{"emptyLinePlaceholder":29},[161,377,378],{"class":163,"line":192},[161,379,332],{},[161,381,382],{"class":163,"line":335},[161,383,384],{},"    username = \u003Cpersonal-username>\n",[161,386,387],{"class":163,"line":341},[161,388,344],{},[161,390,391],{"class":163,"line":347},[161,392,393],{},"    name = \u003Cpersonal-username>\n",[161,395,396],{"class":163,"line":353},[161,397,398],{},"    email = \u003Cpersonal-username>@users.noreply.github.com\n",[44,400,402],{"id":401},"step-3-update-global-git-config","Step 3 - Update Global Git Config",[49,404,405,406,408],{},"Finally, update your global ",[158,407,260],{}," file to incorporate conditional includes, allowing Git to pick up the appropriate user profile configuration based on the repository's location.",[152,410,412],{"className":313,"code":411,"language":315,"meta":17,"style":17},"# C:/Users/username/.gitconfig\n\n[includeIf \"gitdir/i:D:/\"]\n    path = D:/.gitconfig\n\n[includeIf \"gitdir/i:E:/\"]\n    path = E:/.gitconfig\n",[158,413,414,419,423,428,433,437,442],{"__ignoreMap":17},[161,415,416],{"class":163,"line":164},[161,417,418],{},"# C:/Users/username/.gitconfig\n",[161,420,421],{"class":163,"line":18},[161,422,327],{"emptyLinePlaceholder":29},[161,424,425],{"class":163,"line":192},[161,426,427],{},"[includeIf \"gitdir/i:D:/\"]\n",[161,429,430],{"class":163,"line":335},[161,431,432],{},"    path = D:/.gitconfig\n",[161,434,435],{"class":163,"line":341},[161,436,327],{"emptyLinePlaceholder":29},[161,438,439],{"class":163,"line":347},[161,440,441],{},"[includeIf \"gitdir/i:E:/\"]\n",[161,443,444],{"class":163,"line":353},[161,445,446],{},"    path = E:/.gitconfig\n",[49,448,449],{},"For UNIX OS users, it would look something like below.",[152,451,453],{"className":313,"code":452,"language":315,"meta":17,"style":17},"# ~/.gitconfig\n\n[includeIf \"gitdir/i:~/projects/work/\"]\n    path = ~/projects/work/.gitconfig\n\n[includeIf \"gitdir/i:~/projects/personal/\"]\n    path = ~/projects/personal/.gitconfig\n",[158,454,455,460,464,469,474,478,483],{"__ignoreMap":17},[161,456,457],{"class":163,"line":164},[161,458,459],{},"# ~/.gitconfig\n",[161,461,462],{"class":163,"line":18},[161,463,327],{"emptyLinePlaceholder":29},[161,465,466],{"class":163,"line":192},[161,467,468],{},"[includeIf \"gitdir/i:~/projects/work/\"]\n",[161,470,471],{"class":163,"line":335},[161,472,473],{},"    path = ~/projects/work/.gitconfig\n",[161,475,476],{"class":163,"line":341},[161,477,327],{"emptyLinePlaceholder":29},[161,479,480],{"class":163,"line":347},[161,481,482],{},"[includeIf \"gitdir/i:~/projects/personal/\"]\n",[161,484,485],{"class":163,"line":353},[161,486,487],{},"    path = ~/projects/personal/.gitconfig\n",[49,489,490],{},[53,491,492,493,495,496,498],{},"Note: You may still keep your global user credentials in the global ",[158,494,260],{},". These settings will automatically apply to repositories that do not adhere to the path pattern(s) defined in the conditional includes. Ensure that you place the user and credential before the conditional includes in the ",[158,497,260],{}," to avoid unexpected behaviour.",[49,500,501],{},"That's it! Now you can seamlessly use multiple user profiles to work with your repositories without worrying if the right user is interacting with them.",[49,503,504],{},"Happy coding!",[208,506,507],{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .sepia .shiki span {color: var(--shiki-sepia);background: var(--shiki-sepia-bg);font-style: var(--shiki-sepia-font-style);font-weight: var(--shiki-sepia-font-weight);text-decoration: var(--shiki-sepia-text-decoration);}html.sepia .shiki span {color: var(--shiki-sepia);background: var(--shiki-sepia-bg);font-style: var(--shiki-sepia-font-style);font-weight: var(--shiki-sepia-font-weight);text-decoration: var(--shiki-sepia-text-decoration);}","2024-03-10","A guide on working with multiple Git profiles on the same PC seamlessly.",{"image":511,"toc":512},"/images/blog/git-profiles.png",false,"/blog/github",{"title":225,"description":509},"blog/github",{"id":517,"title":518,"body":519,"date":24,"description":20,"extension":21,"meta":976,"navigation":29,"path":980,"seo":981,"stem":982},"blog/blog/vue-introduction.md","Vue introduction",{"type":7,"value":520,"toc":971},[521,525,531,535,538,540,542,544,547,551,554,574,576,590,592,606,608,622,624,628,631,740,742,816,818,892,894,968],[10,522,524],{"id":523},"introduction-to-vue-3","Introduction to Vue 3",[49,526,527],{},[528,529],"img",{"alt":530,"src":23},"Vue 3 Introduction",[44,532,534],{"id":533},"what-is-vue-3","What is Vue 3?",[49,536,537],{},"Vue.js 3 is a progressive JavaScript framework for building user interfaces on the web. It's\ndesigned to be incrementally adoptable and can easily scale between a library and a full-featured\nframework.",[49,539,537],{},[49,541,537],{},[49,543,537],{},[545,546],"hr",{},[44,548,550],{"id":549},"why-choose-vue-3","Why Choose Vue 3?",[49,552,553],{},"Vue 3 comes with several exciting features that make it an excellent choice for developers:",[77,555,556,562,568],{},[80,557,558,561],{},[65,559,560],{},"Composition API:"," This new API provides a set of additive, function-based APIs that allow\nflexible composition of component logic.",[80,563,564,567],{},[65,565,566],{},"Faster rendering:"," Vue 3 features a faster virtual DOM and improved runtime performance.",[80,569,570,573],{},[65,571,572],{},"Improved TypeScript support:"," Vue 3's codebase is written in TypeScript, allowing for better\nTypeScript integration.",[49,575,553],{},[77,577,578,582,586],{},[80,579,580,561],{},[65,581,560],{},[80,583,584,567],{},[65,585,566],{},[80,587,588,573],{},[65,589,572],{},[49,591,553],{},[77,593,594,598,602],{},[80,595,596,561],{},[65,597,560],{},[80,599,600,567],{},[65,601,566],{},[80,603,604,573],{},[65,605,572],{},[49,607,553],{},[77,609,610,614,618],{},[80,611,612,561],{},[65,613,560],{},[80,615,616,567],{},[65,617,566],{},[80,619,620,573],{},[65,621,572],{},[545,623],{},[44,625,627],{"id":626},"getting-started-with-vue-3","Getting Started with Vue 3",[49,629,630],{},"Here's a basic Vue 3 application setup:",[152,632,636],{"className":633,"code":634,"language":635,"meta":17,"style":17},"language-javascript shiki shiki-themes github-light github-dark monokai","const { createApp } = Vue;\nconst app = createApp({\n  data() {\n    return {\n      message: \"Hello Vue 3!\",\n    };\n  },\n});\napp.mount(\"#app\");\n","javascript",[158,637,638,661,678,686,694,706,711,716,722],{"__ignoreMap":17},[161,639,640,644,647,651,654,658],{"class":163,"line":164},[161,641,643],{"class":642},"saRcr","const",[161,645,646],{"class":167}," { ",[161,648,650],{"class":649},"sq7VU","createApp",[161,652,653],{"class":167}," } ",[161,655,657],{"class":656},"sg96D","=",[161,659,660],{"class":167}," Vue;\n",[161,662,663,665,668,671,675],{"class":163,"line":18},[161,664,643],{"class":642},[161,666,667],{"class":649}," app",[161,669,670],{"class":656}," =",[161,672,674],{"class":673},"sUVsI"," createApp",[161,676,677],{"class":167},"({\n",[161,679,680,683],{"class":163,"line":192},[161,681,682],{"class":673},"  data",[161,684,685],{"class":167},"() {\n",[161,687,688,691],{"class":163,"line":335},[161,689,690],{"class":656},"    return",[161,692,693],{"class":167}," {\n",[161,695,696,699,703],{"class":163,"line":341},[161,697,698],{"class":167},"      message: ",[161,700,702],{"class":701},"sqm1N","\"Hello Vue 3!\"",[161,704,705],{"class":167},",\n",[161,707,708],{"class":163,"line":347},[161,709,710],{"class":167},"    };\n",[161,712,713],{"class":163,"line":353},[161,714,715],{"class":167},"  },\n",[161,717,719],{"class":163,"line":718},8,[161,720,721],{"class":167},"});\n",[161,723,725,728,731,734,737],{"class":163,"line":724},9,[161,726,727],{"class":167},"app.",[161,729,730],{"class":673},"mount",[161,732,733],{"class":167},"(",[161,735,736],{"class":701},"\"#app\"",[161,738,739],{"class":167},");\n",[49,741,630],{},[152,743,744],{"className":633,"code":634,"language":635,"meta":17,"style":17},[158,745,746,760,772,778,784,792,796,800,804],{"__ignoreMap":17},[161,747,748,750,752,754,756,758],{"class":163,"line":164},[161,749,643],{"class":642},[161,751,646],{"class":167},[161,753,650],{"class":649},[161,755,653],{"class":167},[161,757,657],{"class":656},[161,759,660],{"class":167},[161,761,762,764,766,768,770],{"class":163,"line":18},[161,763,643],{"class":642},[161,765,667],{"class":649},[161,767,670],{"class":656},[161,769,674],{"class":673},[161,771,677],{"class":167},[161,773,774,776],{"class":163,"line":192},[161,775,682],{"class":673},[161,777,685],{"class":167},[161,779,780,782],{"class":163,"line":335},[161,781,690],{"class":656},[161,783,693],{"class":167},[161,785,786,788,790],{"class":163,"line":341},[161,787,698],{"class":167},[161,789,702],{"class":701},[161,791,705],{"class":167},[161,793,794],{"class":163,"line":347},[161,795,710],{"class":167},[161,797,798],{"class":163,"line":353},[161,799,715],{"class":167},[161,801,802],{"class":163,"line":718},[161,803,721],{"class":167},[161,805,806,808,810,812,814],{"class":163,"line":724},[161,807,727],{"class":167},[161,809,730],{"class":673},[161,811,733],{"class":167},[161,813,736],{"class":701},[161,815,739],{"class":167},[49,817,630],{},[152,819,820],{"className":633,"code":634,"language":635,"meta":17,"style":17},[158,821,822,836,848,854,860,868,872,876,880],{"__ignoreMap":17},[161,823,824,826,828,830,832,834],{"class":163,"line":164},[161,825,643],{"class":642},[161,827,646],{"class":167},[161,829,650],{"class":649},[161,831,653],{"class":167},[161,833,657],{"class":656},[161,835,660],{"class":167},[161,837,838,840,842,844,846],{"class":163,"line":18},[161,839,643],{"class":642},[161,841,667],{"class":649},[161,843,670],{"class":656},[161,845,674],{"class":673},[161,847,677],{"class":167},[161,849,850,852],{"class":163,"line":192},[161,851,682],{"class":673},[161,853,685],{"class":167},[161,855,856,858],{"class":163,"line":335},[161,857,690],{"class":656},[161,859,693],{"class":167},[161,861,862,864,866],{"class":163,"line":341},[161,863,698],{"class":167},[161,865,702],{"class":701},[161,867,705],{"class":167},[161,869,870],{"class":163,"line":347},[161,871,710],{"class":167},[161,873,874],{"class":163,"line":353},[161,875,715],{"class":167},[161,877,878],{"class":163,"line":718},[161,879,721],{"class":167},[161,881,882,884,886,888,890],{"class":163,"line":724},[161,883,727],{"class":167},[161,885,730],{"class":673},[161,887,733],{"class":167},[161,889,736],{"class":701},[161,891,739],{"class":167},[49,893,630],{},[152,895,896],{"className":633,"code":634,"language":635,"meta":17,"style":17},[158,897,898,912,924,930,936,944,948,952,956],{"__ignoreMap":17},[161,899,900,902,904,906,908,910],{"class":163,"line":164},[161,901,643],{"class":642},[161,903,646],{"class":167},[161,905,650],{"class":649},[161,907,653],{"class":167},[161,909,657],{"class":656},[161,911,660],{"class":167},[161,913,914,916,918,920,922],{"class":163,"line":18},[161,915,643],{"class":642},[161,917,667],{"class":649},[161,919,670],{"class":656},[161,921,674],{"class":673},[161,923,677],{"class":167},[161,925,926,928],{"class":163,"line":192},[161,927,682],{"class":673},[161,929,685],{"class":167},[161,931,932,934],{"class":163,"line":335},[161,933,690],{"class":656},[161,935,693],{"class":167},[161,937,938,940,942],{"class":163,"line":341},[161,939,698],{"class":167},[161,941,702],{"class":701},[161,943,705],{"class":167},[161,945,946],{"class":163,"line":347},[161,947,710],{"class":167},[161,949,950],{"class":163,"line":353},[161,951,715],{"class":167},[161,953,954],{"class":163,"line":718},[161,955,721],{"class":167},[161,957,958,960,962,964,966],{"class":163,"line":724},[161,959,727],{"class":167},[161,961,730],{"class":673},[161,963,733],{"class":167},[161,965,736],{"class":701},[161,967,739],{"class":167},[208,969,970],{},"html pre.shiki code .saRcr, html code.shiki .saRcr{--shiki-default:#D73A49;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit;--shiki-sepia:#66D9EF;--shiki-sepia-font-style:italic}html pre.shiki code .sk4Fs, html code.shiki .sk4Fs{--shiki-default:#24292E;--shiki-dark:#E1E4E8;--shiki-sepia:#F8F8F2}html pre.shiki code .sq7VU, html code.shiki .sq7VU{--shiki-default:#005CC5;--shiki-dark:#79B8FF;--shiki-sepia:#F8F8F2}html pre.shiki code .sg96D, html code.shiki .sg96D{--shiki-default:#D73A49;--shiki-dark:#F97583;--shiki-sepia:#F92672}html pre.shiki code .sUVsI, html code.shiki .sUVsI{--shiki-default:#6F42C1;--shiki-dark:#B392F0;--shiki-sepia:#A6E22E}html pre.shiki code .sqm1N, html code.shiki .sqm1N{--shiki-default:#032F62;--shiki-dark:#9ECBFF;--shiki-sepia:#E6DB74}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .sepia .shiki span {color: var(--shiki-sepia);background: var(--shiki-sepia-bg);font-style: var(--shiki-sepia-font-style);font-weight: var(--shiki-sepia-font-weight);text-decoration: var(--shiki-sepia-text-decoration);}html.sepia .shiki span {color: var(--shiki-sepia);background: var(--shiki-sepia-bg);font-style: var(--shiki-sepia-font-style);font-weight: var(--shiki-sepia-font-weight);text-decoration: var(--shiki-sepia-text-decoration);}",{"title":17,"searchDepth":18,"depth":18,"links":972},[973,974,975],{"id":533,"depth":18,"text":534},{"id":549,"depth":18,"text":550},{"id":626,"depth":18,"text":627},{"image":23,"head":977,"toc":29},{"meta":978},[979],{"name":28,"content":23},"/blog/vue-introduction",{"title":518,"description":20},"blog/vue-introduction",1774730153359]