[{"data":1,"prerenderedAt":506},["ShallowReactive",2],{"i-lucide:chevron-down":3,"i-lucide:arrow-up-right":8,"i-simple-icons:github":10,"i-simple-icons:x":12,"i-brand:linkedin":14,"i-simple-icons:medium":18,"i-lucide:mail":20,"i-lucide:sun":22,"article:\u002Farticles\u002Ffront-end\u002Fconfiguring-prettier-pre-commit-hook":24,"article-more:\u002Farticles\u002Ffront-end\u002Fconfiguring-prettier-pre-commit-hook":491,"i-simple-icons:laravel":502,"i-lucide:copy":504},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M14.234 10.162L22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299l-.929-1.329L3.076 1.56h3.182l5.965 8.532l.929 1.329l7.754 11.09h-3.182z\"\u002F>",{"left":4,"top":15,"width":16,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":17},32,448,"\u003Cpath fill=\"currentColor\" d=\"M416 32L31.9 32C14.3 32 0 46.5 0 64.3L0 447.7C0 465.5 14.3 480 31.9 480L416 480c17.6 0 32-14.5 32-32.3l0-383.4C448 46.5 433.6 32 416 32zM135.4 416l-66.4 0 0-213.8 66.5 0 0 213.8-.1 0zM102.2 96a38.5 38.5 0 1 1 0 77 38.5 38.5 0 1 1 0-77zM384.3 416l-66.4 0 0-104c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9l0 105.8-66.4 0 0-213.8 63.7 0 0 29.2 .9 0c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9l0 117.2z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M4.21 0A4.2 4.2 0 0 0 0 4.21v15.58A4.2 4.2 0 0 0 4.21 24h15.58A4.2 4.2 0 0 0 24 19.79v-1.093a5 5 0 0 1-.422.02c-2.577 0-4.027-2.146-4.09-4.832a8 8 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.9 3.9 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023q.151 0 .303.01V4.211A4.2 4.2 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435l3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.4 1.4 0 0 0-.342-.047m-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"\u002F>\u003Crect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"id":25,"title":26,"body":27,"category":477,"date":478,"description":479,"extension":480,"icon":481,"meta":482,"navigation":483,"path":484,"rawbody":485,"readingTime":486,"seo":487,"sitemap":488,"stem":489,"__hash__":490},"articles\u002Farticles\u002Ffront-end\u002Fconfiguring-prettier-pre-commit-hook.md","Configuring a Prettier pre-commit hook",{"type":28,"value":29,"toc":469},"minimark",[30,35,69,73,89,309,313,370,378,430,434,465],[31,32,34],"h3",{"id":33},"_1-install-prettier","1. Install Prettier",[36,37,43],"pre",{"className":38,"code":39,"filename":40,"language":41,"meta":42,"style":42},"language-bash shiki shiki-themes haytham-dark haytham-light","npm install --save-dev --save-exact prettier\n","terminal","bash","",[44,45,46],"code",{"__ignoreMap":42},[47,48,51,55,59,63,66],"span",{"class":49,"line":50},"line",1,[47,52,54],{"class":53},"sVz7n","npm",[47,56,58],{"class":57},"sUOzB"," install",[47,60,62],{"class":61},"sheII"," --save-dev",[47,64,65],{"class":61}," --save-exact",[47,67,68],{"class":57}," prettier\n",[31,70,72],{"id":71},"_2-create-prettier-configuration-file","2. Create Prettier Configuration File",[74,75,76,77,80,81,88],"p",{},"Create a ",[44,78,79],{},".prettierrc"," file and paste your configuration into it. For more options, refer to the ",[82,83,87],"a",{"href":84,"rel":85},"https:\u002F\u002Fprettier.io\u002Fdocs\u002Fen\u002Foptions.html",[86],"nofollow","Prettier documentation",".",[36,90,94],{"className":91,"code":92,"filename":79,"language":93,"meta":42,"style":42},"language-json shiki shiki-themes haytham-dark haytham-light","{\n  \"arrowParens\": \"avoid\",\n  \"singleQuote\": true,\n  \"semi\": true,\n  \"bracketSameLine\": false,\n  \"bracketSpacing\": true,\n  \"vueIndentScriptAndStyle\": true,\n  \"trailingComma\": \"es5\",\n  \"singleAttributePerLine\": true,\n  \"jsxBracketSameLine\": true,\n  \"tabWidth\": 2,\n  \"useTabs\": false,\n  \"printWidth\": 100\n}\n","json",[44,95,96,102,124,141,157,174,190,206,223,239,255,272,288,303],{"__ignoreMap":42},[47,97,98],{"class":49,"line":50},[47,99,101],{"class":100},"sVG6I","{\n",[47,103,105,108,112,115,118,121],{"class":49,"line":104},2,[47,106,107],{"class":100},"  \"",[47,109,111],{"class":110},"s4Awn","arrowParens",[47,113,114],{"class":100},"\"",[47,116,117],{"class":100},":",[47,119,120],{"class":57}," \"avoid\"",[47,122,123],{"class":100},",\n",[47,125,127,129,132,134,136,139],{"class":49,"line":126},3,[47,128,107],{"class":100},[47,130,131],{"class":110},"singleQuote",[47,133,114],{"class":100},[47,135,117],{"class":100},[47,137,138],{"class":61}," true",[47,140,123],{"class":100},[47,142,144,146,149,151,153,155],{"class":49,"line":143},4,[47,145,107],{"class":100},[47,147,148],{"class":110},"semi",[47,150,114],{"class":100},[47,152,117],{"class":100},[47,154,138],{"class":61},[47,156,123],{"class":100},[47,158,160,162,165,167,169,172],{"class":49,"line":159},5,[47,161,107],{"class":100},[47,163,164],{"class":110},"bracketSameLine",[47,166,114],{"class":100},[47,168,117],{"class":100},[47,170,171],{"class":61}," false",[47,173,123],{"class":100},[47,175,177,179,182,184,186,188],{"class":49,"line":176},6,[47,178,107],{"class":100},[47,180,181],{"class":110},"bracketSpacing",[47,183,114],{"class":100},[47,185,117],{"class":100},[47,187,138],{"class":61},[47,189,123],{"class":100},[47,191,193,195,198,200,202,204],{"class":49,"line":192},7,[47,194,107],{"class":100},[47,196,197],{"class":110},"vueIndentScriptAndStyle",[47,199,114],{"class":100},[47,201,117],{"class":100},[47,203,138],{"class":61},[47,205,123],{"class":100},[47,207,209,211,214,216,218,221],{"class":49,"line":208},8,[47,210,107],{"class":100},[47,212,213],{"class":110},"trailingComma",[47,215,114],{"class":100},[47,217,117],{"class":100},[47,219,220],{"class":57}," \"es5\"",[47,222,123],{"class":100},[47,224,226,228,231,233,235,237],{"class":49,"line":225},9,[47,227,107],{"class":100},[47,229,230],{"class":110},"singleAttributePerLine",[47,232,114],{"class":100},[47,234,117],{"class":100},[47,236,138],{"class":61},[47,238,123],{"class":100},[47,240,242,244,247,249,251,253],{"class":49,"line":241},10,[47,243,107],{"class":100},[47,245,246],{"class":110},"jsxBracketSameLine",[47,248,114],{"class":100},[47,250,117],{"class":100},[47,252,138],{"class":61},[47,254,123],{"class":100},[47,256,258,260,263,265,267,270],{"class":49,"line":257},11,[47,259,107],{"class":100},[47,261,262],{"class":110},"tabWidth",[47,264,114],{"class":100},[47,266,117],{"class":100},[47,268,269],{"class":61}," 2",[47,271,123],{"class":100},[47,273,275,277,280,282,284,286],{"class":49,"line":274},12,[47,276,107],{"class":100},[47,278,279],{"class":110},"useTabs",[47,281,114],{"class":100},[47,283,117],{"class":100},[47,285,171],{"class":61},[47,287,123],{"class":100},[47,289,291,293,296,298,300],{"class":49,"line":290},13,[47,292,107],{"class":100},[47,294,295],{"class":110},"printWidth",[47,297,114],{"class":100},[47,299,117],{"class":100},[47,301,302],{"class":61}," 100\n",[47,304,306],{"class":49,"line":305},14,[47,307,308],{"class":100},"}\n",[31,310,312],{"id":311},"_3-set-up-pre-commit-hook","3. Set Up Pre-commit Hook",[36,314,316],{"className":38,"code":315,"filename":40,"language":41,"meta":42,"style":42},"npm install --save-dev husky lint-staged\nnpx husky install\nnpm pkg set scripts.prepare=\"husky install\"\nnpx husky add .husky\u002Fpre-commit \"lint-staged\"\n",[44,317,318,332,342,355],{"__ignoreMap":42},[47,319,320,322,324,326,329],{"class":49,"line":50},[47,321,54],{"class":53},[47,323,58],{"class":57},[47,325,62],{"class":61},[47,327,328],{"class":57}," husky",[47,330,331],{"class":57}," lint-staged\n",[47,333,334,337,339],{"class":49,"line":104},[47,335,336],{"class":53},"npx",[47,338,328],{"class":57},[47,340,341],{"class":57}," install\n",[47,343,344,346,349,352],{"class":49,"line":126},[47,345,54],{"class":53},[47,347,348],{"class":57}," pkg",[47,350,351],{"class":57}," set",[47,353,354],{"class":57}," scripts.prepare=\"husky install\"\n",[47,356,357,359,361,364,367],{"class":49,"line":143},[47,358,336],{"class":53},[47,360,328],{"class":57},[47,362,363],{"class":57}," add",[47,365,366],{"class":57}," .husky\u002Fpre-commit",[47,368,369],{"class":57}," \"lint-staged\"\n",[31,371,373,374,377],{"id":372},"_4-update-packagejson-with-lint-staged-configuration","4. Update ",[44,375,376],{},"package.json"," with lint-staged Configuration",[36,379,381],{"className":91,"code":380,"filename":376,"language":93,"meta":42,"style":42}," \"lint-staged\": {\n    \"*.js\": \"eslint --fix\",\n    \"{**\u002F*,*}.{js,vue,html,css}\": \"prettier --write\"\n }\n",[44,382,383,394,411,425],{"__ignoreMap":42},[47,384,385,388,392],{"class":49,"line":50},[47,386,387],{"class":57}," \"lint-staged\"",[47,389,391],{"class":390},"sWFPS",": ",[47,393,101],{"class":100},[47,395,396,399,402,404,406,409],{"class":49,"line":104},[47,397,398],{"class":100},"    \"",[47,400,401],{"class":110},"*.js",[47,403,114],{"class":100},[47,405,117],{"class":100},[47,407,408],{"class":57}," \"eslint --fix\"",[47,410,123],{"class":100},[47,412,413,415,418,420,422],{"class":49,"line":126},[47,414,398],{"class":100},[47,416,417],{"class":110},"{**\u002F*,*}.{js,vue,html,css}",[47,419,114],{"class":100},[47,421,117],{"class":100},[47,423,424],{"class":57}," \"prettier --write\"\n",[47,426,427],{"class":49,"line":143},[47,428,429],{"class":100}," }\n",[31,431,433],{"id":432},"references","References",[435,436,437,445,452,458],"ul",{},[438,439,440],"li",{},[82,441,444],{"href":442,"rel":443},"https:\u002F\u002Fgithub.com\u002Fokonet\u002Flint-staged",[86],"lint-staged",[438,446,447],{},[82,448,451],{"href":449,"rel":450},"https:\u002F\u002Fgithub.com\u002Ftypicode\u002Fhusky",[86],"Husky",[438,453,454],{},[82,455,457],{"href":84,"rel":456},[86],"Prettier options",[438,459,460],{},[82,461,464],{"href":462,"rel":463},"https:\u002F\u002Fprettier.io\u002Fdocs\u002Fen\u002Fprecommit.html",[86],"Prettier pre-commit hook",[466,467,468],"style",{},"html pre.shiki code .sVz7n, html code.shiki .sVz7n{--shiki-default:#EDEDEF;--shiki-light:#0B0B0C}html pre.shiki code .sUOzB, html code.shiki .sUOzB{--shiki-default:#9EC7FE;--shiki-light:#2873D1}html pre.shiki code .sheII, html code.shiki .sheII{--shiki-default:#70ADFF;--shiki-light:#195CAE}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 .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html pre.shiki code .sVG6I, html code.shiki .sVG6I{--shiki-default:#85858F;--shiki-light:#71717A}html pre.shiki code .s4Awn, html code.shiki .s4Awn{--shiki-default:#C5DDFE;--shiki-light:#534DAF}html pre.shiki code .sWFPS, html code.shiki .sWFPS{--shiki-default:#C4C4CC;--shiki-light:#3F3F46}",{"title":42,"searchDepth":104,"depth":104,"links":470},[471,472,473,474,476],{"id":33,"depth":126,"text":34},{"id":71,"depth":126,"text":72},{"id":311,"depth":126,"text":312},{"id":372,"depth":126,"text":475},"4. Update package.json with lint-staged Configuration",{"id":432,"depth":126,"text":433},"Front end","2023-01-16","Prettier, Husky and lint-staged in four steps, so unformatted code never reaches a commit.","md","simple-icons:javascript",{},true,"\u002Farticles\u002Ffront-end\u002Fconfiguring-prettier-pre-commit-hook","---\ntitle: 'Configuring a Prettier pre-commit hook'\ndescription: 'Prettier, Husky and lint-staged in four steps, so unformatted code never reaches a commit.'\ndate: '2023-01-16'\ncategory: 'Front end'\nicon: 'simple-icons:javascript'\nreadingTime: '1 min read'\n---\n\n### 1. Install Prettier\n\n```bash [terminal]\nnpm install --save-dev --save-exact prettier\n```\n\n### 2. Create Prettier Configuration File\n\nCreate a `.prettierrc` file and paste your configuration into it. For more options, refer to the [Prettier documentation](https:\u002F\u002Fprettier.io\u002Fdocs\u002Fen\u002Foptions.html).\n\n```json [.prettierrc]\n{\n  \"arrowParens\": \"avoid\",\n  \"singleQuote\": true,\n  \"semi\": true,\n  \"bracketSameLine\": false,\n  \"bracketSpacing\": true,\n  \"vueIndentScriptAndStyle\": true,\n  \"trailingComma\": \"es5\",\n  \"singleAttributePerLine\": true,\n  \"jsxBracketSameLine\": true,\n  \"tabWidth\": 2,\n  \"useTabs\": false,\n  \"printWidth\": 100\n}\n```\n\n### 3. Set Up Pre-commit Hook\n\n```bash [terminal]\nnpm install --save-dev husky lint-staged\nnpx husky install\nnpm pkg set scripts.prepare=\"husky install\"\nnpx husky add .husky\u002Fpre-commit \"lint-staged\"\n```\n\n### 4. Update `package.json` with lint-staged Configuration\n\n```json [package.json]\n \"lint-staged\": {\n    \"*.js\": \"eslint --fix\",\n    \"{**\u002F*,*}.{js,vue,html,css}\": \"prettier --write\"\n }\n```\n\n### References\n\n- [lint-staged](https:\u002F\u002Fgithub.com\u002Fokonet\u002Flint-staged)\n\n- [Husky](https:\u002F\u002Fgithub.com\u002Ftypicode\u002Fhusky)\n\n- [Prettier options](https:\u002F\u002Fprettier.io\u002Fdocs\u002Fen\u002Foptions.html)\n\n- [Prettier pre-commit hook](https:\u002F\u002Fprettier.io\u002Fdocs\u002Fen\u002Fprecommit.html)\n","1 min read",{"title":26,"description":479},{"loc":484,"lastmod":478},"articles\u002Ffront-end\u002Fconfiguring-prettier-pre-commit-hook","TUoNfSwNmFvB3wEA34QK7zCKCy2mGZzqGVKujD3um_8",[492,497],{"path":493,"title":494,"date":495,"icon":496},"\u002Farticles\u002Fsoftware-engineering\u002Fhow_to_contribute_to_open_source_projects","How to contribute to open-source projects","2023-07-21","simple-icons:github",{"path":498,"title":499,"date":500,"icon":501},"\u002Farticles\u002Flaravel\u002Fsetting_up_authentication_for_laravel_single_page_applications","Setting up authentication for Laravel single-page apps","2022-10-11","simple-icons:laravel",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":503},"\u003Cpath fill=\"currentColor\" d=\"M23.642 5.43a.4.4 0 0 1 .014.1v5.149c0 .135-.073.26-.189.326l-4.323 2.49v4.934a.38.38 0 0 1-.188.326L9.93 23.949a.3.3 0 0 1-.066.027l-.024.01a.35.35 0 0 1-.192 0q-.016-.005-.03-.012q-.031-.01-.062-.025L.533 18.755a.38.38 0 0 1-.189-.326V2.974q0-.05.014-.098c.003-.012.01-.02.014-.032a.4.4 0 0 1 .023-.058c.004-.013.015-.022.023-.033l.033-.045l.037-.027q.02-.018.041-.034H.53L5.043.05a.38.38 0 0 1 .375 0L9.93 2.647h.002q.021.015.04.033l.038.027c.013.014.02.03.033.045c.008.011.02.021.025.033q.014.029.024.058c.003.011.01.021.013.032q.014.047.014.098v9.652l3.76-2.164V5.527q0-.05.013-.098q.007-.014.013-.032l.024-.059c.007-.012.018-.02.025-.033l.033-.043q.019-.017.037-.028q.02-.017.041-.032h.001l4.513-2.598a.38.38 0 0 1 .375 0l4.513 2.598c.016.01.027.021.042.031l.036.028l.034.044c.008.012.019.021.024.033a.3.3 0 0 1 .024.06q.01.015.015.032m-.74 5.032V6.179l-1.578.908l-2.182 1.256v4.283zm-4.51 7.75v-4.287l-2.147 1.225l-6.126 3.498v4.325zM1.093 3.624v14.588l8.273 4.761v-4.325l-4.322-2.445l-.002-.003H5.04L5 16.169l-.035-.027l-.001-.002q-.018-.018-.031-.04q-.016-.016-.028-.036h-.002l-.02-.047c-.006-.016-.014-.027-.018-.043l-.008-.057q-.005-.02-.006-.041V5.789l-2.18-1.257zM5.23.81L1.47 2.974l3.76 2.164l3.758-2.164zm1.956 13.505l2.182-1.256V3.624l-1.58.91l-2.182 1.255v9.435zm11.581-10.95l-3.76 2.163l3.76 2.163l3.759-2.164zm-.376 4.978L16.21 7.087l-1.58-.907v4.283l2.182 1.256l1.58.908zm-8.65 9.654l5.514-3.148l2.756-1.572l-3.757-2.163l-4.323 2.489l-3.941 2.27z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":505},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\u002F>\u003C\u002Fg>",1792681039665]