[{"data":1,"prerenderedAt":1329},["ShallowReactive",2],{"section-redirect:navigation":3,"navigation_docs":337,"-documentation-getting-started-contributing":430,"-documentation-getting-started-contributing-surround":449,"contributing-guide":454},[4,110,290],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,89],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Getting Started","\u002Fdocumentation\u002Fgetting-started","1.documentation\u002F1.getting-started",[14,18,22,26,30],{"title":15,"path":16,"stem":17},"Installation","\u002Fdocumentation\u002Fgetting-started\u002Finstallation","1.documentation\u002F1.getting-started\u002F1.installation",{"title":19,"path":20,"stem":21},"Agents","\u002Fdocumentation\u002Fgetting-started\u002Fagents","1.documentation\u002F1.getting-started\u002F2.agents",{"title":23,"path":24,"stem":25},"Migration","\u002Fdocumentation\u002Fgetting-started\u002Fmigration","1.documentation\u002F1.getting-started\u002F3.migration",{"title":27,"path":28,"stem":29},"Contributing","\u002Fdocumentation\u002Fgetting-started\u002Fcontributing","1.documentation\u002F1.getting-started\u002F4.contributing",{"title":31,"path":32,"stem":33},"What's new","\u002Fdocumentation\u002Fgetting-started\u002Fwhats-new","1.documentation\u002F1.getting-started\u002F5.whats-new",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Guidelines","\u002Fdocumentation\u002Fguidelines","1.documentation\u002F2.guidelines",[40,44,48,52],{"title":41,"path":42,"stem":43},"Design Principles","\u002Fdocumentation\u002Fguidelines\u002Fdesign-principles","1.documentation\u002F2.guidelines\u002F1.design-principles",{"title":45,"path":46,"stem":47},"Accessibility","\u002Fdocumentation\u002Fguidelines\u002Faccessibility","1.documentation\u002F2.guidelines\u002F2.accessibility",{"title":49,"path":50,"stem":51},"Interactions","\u002Fdocumentation\u002Fguidelines\u002Finteractions","1.documentation\u002F2.guidelines\u002F3.interactions",{"title":53,"path":54,"stem":55},"Components","\u002Fdocumentation\u002Fguidelines\u002Fcomponents","1.documentation\u002F2.guidelines\u002F4.components",{"title":57,"path":58,"stem":59,"children":60,"page":34},"Design","\u002Fdocumentation\u002Fdesign","1.documentation\u002F3.design",[61,65,69,73,77,81,85],{"title":62,"path":63,"stem":64},"Tokens","\u002Fdocumentation\u002Fdesign\u002Ftokens","1.documentation\u002F3.design\u002F1.tokens",{"title":66,"path":67,"stem":68},"Color Palette","\u002Fdocumentation\u002Fdesign\u002Fcolor-palette","1.documentation\u002F3.design\u002F2.color-palette",{"title":70,"path":71,"stem":72},"Elevation","\u002Fdocumentation\u002Fdesign\u002Felevation","1.documentation\u002F3.design\u002F3.elevation",{"title":74,"path":75,"stem":76},"Spacing","\u002Fdocumentation\u002Fdesign\u002Fspacing","1.documentation\u002F3.design\u002F4.spacing",{"title":78,"path":79,"stem":80},"Border Radius","\u002Fdocumentation\u002Fdesign\u002Fborder-radius","1.documentation\u002F3.design\u002F5.border-radius",{"title":82,"path":83,"stem":84},"Typography","\u002Fdocumentation\u002Fdesign\u002Ftypography","1.documentation\u002F3.design\u002F6.typography",{"title":86,"path":87,"stem":88},"Icons","\u002Fdocumentation\u002Fdesign\u002Ficons","1.documentation\u002F3.design\u002F7.icons",{"title":90,"path":91,"stem":92,"children":93,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[94,98,102,106],{"title":95,"path":96,"stem":97},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":99,"path":100,"stem":101},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":103,"path":104,"stem":105},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":107,"path":108,"stem":109},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":111,"stem":112,"children":113,"page":34},"\u002Fcomponents","2.components",[114,118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286],{"title":115,"path":116,"stem":117},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"title":119,"path":120,"stem":121},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar",{"title":123,"path":124,"stem":125},"Badge","\u002Fcomponents\u002Fbadge","2.components\u002Fbadge",{"title":127,"path":128,"stem":129},"Banner","\u002Fcomponents\u002Fbanner","2.components\u002Fbanner",{"title":131,"path":132,"stem":133},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton",{"title":135,"path":136,"stem":137},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":139,"path":140,"stem":141},"Chart","\u002Fcomponents\u002Fchart","2.components\u002Fchart",{"title":143,"path":144,"stem":145},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox",{"title":147,"path":148,"stem":149},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible",{"title":151,"path":152,"stem":153},"Colorpicker","\u002Fcomponents\u002Fcolorpicker","2.components\u002Fcolorpicker",{"title":155,"path":156,"stem":157},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table",{"title":159,"path":160,"stem":161},"Datepicker","\u002Fcomponents\u002Fdatepicker","2.components\u002Fdatepicker",{"title":163,"path":164,"stem":165},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":167,"path":168,"stem":169},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":171,"path":172,"stem":173},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":175,"path":176,"stem":177},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":179,"path":180,"stem":181},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":183,"path":184,"stem":185},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":187,"path":188,"stem":189},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":191,"path":192,"stem":193},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":195,"path":196,"stem":197},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":199,"path":200,"stem":201},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":203,"path":204,"stem":205},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":207,"path":208,"stem":209},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":211,"path":212,"stem":213},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":215,"path":216,"stem":217},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":219,"path":220,"stem":221},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":223,"path":224,"stem":225},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":227,"path":228,"stem":229},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":231,"path":232,"stem":233},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":235,"path":236,"stem":237},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":239,"path":240,"stem":241},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":243,"path":244,"stem":245},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":247,"path":248,"stem":249},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":251,"path":252,"stem":253},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":255,"path":256,"stem":257},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":259,"path":260,"stem":261},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":263,"path":264,"stem":265},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":267,"path":268,"stem":269},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":271,"path":272,"stem":273},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":275,"path":276,"stem":277},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":279,"path":280,"stem":281},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":283,"path":284,"stem":285},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":287,"path":288,"stem":289},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":291,"path":292,"stem":293,"children":294,"page":34},"Utilities","\u002Futilities","3.utilities",[295,307,320,328],{"title":53,"path":296,"stem":297,"children":298,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[299,303],{"title":300,"path":301,"stem":302},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":304,"path":305,"stem":306},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":308,"path":309,"stem":310,"children":311,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[312,316],{"title":313,"path":314,"stem":315},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":317,"path":318,"stem":319},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":321,"path":322,"stem":323,"children":324,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[325],{"title":279,"path":326,"stem":327},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":329,"path":330,"stem":331,"children":332,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[333],{"title":334,"path":335,"stem":336},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",[338,368,414],{"title":5,"path":6,"stem":7,"children":339,"page":34},[340,347,353,362],{"title":10,"path":11,"stem":12,"children":341,"page":34},[342,343,344,345,346],{"title":15,"path":16,"stem":17},{"title":19,"path":20,"stem":21},{"title":23,"path":24,"stem":25},{"title":27,"path":28,"stem":29},{"title":31,"path":32,"stem":33},{"title":36,"path":37,"stem":38,"children":348,"page":34},[349,350,351,352],{"title":41,"path":42,"stem":43},{"title":45,"path":46,"stem":47},{"title":49,"path":50,"stem":51},{"title":53,"path":54,"stem":55},{"title":57,"path":58,"stem":59,"children":354,"page":34},[355,356,357,358,359,360,361],{"title":62,"path":63,"stem":64},{"title":66,"path":67,"stem":68},{"title":70,"path":71,"stem":72},{"title":74,"path":75,"stem":76},{"title":78,"path":79,"stem":80},{"title":82,"path":83,"stem":84},{"title":86,"path":87,"stem":88},{"title":90,"path":91,"stem":92,"children":363,"page":34},[364,365,366,367],{"title":95,"path":96,"stem":97},{"title":99,"path":100,"stem":101},{"title":103,"path":104,"stem":105},{"title":107,"path":108,"stem":109},{"title":53,"path":111,"stem":112,"children":369,"page":34},[370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413],{"title":115,"path":116,"stem":117},{"title":119,"path":120,"stem":121},{"title":123,"path":124,"stem":125},{"title":127,"path":128,"stem":129},{"title":131,"path":132,"stem":133},{"title":135,"path":136,"stem":137},{"title":139,"path":140,"stem":141},{"title":143,"path":144,"stem":145},{"title":147,"path":148,"stem":149},{"title":151,"path":152,"stem":153},{"title":155,"path":156,"stem":157},{"title":159,"path":160,"stem":161},{"title":163,"path":164,"stem":165},{"title":167,"path":168,"stem":169},{"title":171,"path":172,"stem":173},{"title":175,"path":176,"stem":177},{"title":179,"path":180,"stem":181},{"title":183,"path":184,"stem":185},{"title":187,"path":188,"stem":189},{"title":191,"path":192,"stem":193},{"title":195,"path":196,"stem":197},{"title":199,"path":200,"stem":201},{"title":203,"path":204,"stem":205},{"title":207,"path":208,"stem":209},{"title":211,"path":212,"stem":213},{"title":215,"path":216,"stem":217},{"title":219,"path":220,"stem":221},{"title":223,"path":224,"stem":225},{"title":227,"path":228,"stem":229},{"title":231,"path":232,"stem":233},{"title":235,"path":236,"stem":237},{"title":239,"path":240,"stem":241},{"title":243,"path":244,"stem":245},{"title":247,"path":248,"stem":249},{"title":251,"path":252,"stem":253},{"title":255,"path":256,"stem":257},{"title":259,"path":260,"stem":261},{"title":263,"path":264,"stem":265},{"title":267,"path":268,"stem":269},{"title":271,"path":272,"stem":273},{"title":275,"path":276,"stem":277},{"title":279,"path":280,"stem":281},{"title":283,"path":284,"stem":285},{"title":287,"path":288,"stem":289},{"title":291,"path":292,"stem":293,"children":415,"page":34},[416,420,424,427],{"title":53,"path":296,"stem":297,"children":417,"page":34},[418,419],{"title":300,"path":301,"stem":302},{"title":304,"path":305,"stem":306},{"title":308,"path":309,"stem":310,"children":421,"page":34},[422,423],{"title":313,"path":314,"stem":315},{"title":317,"path":318,"stem":319},{"title":321,"path":322,"stem":323,"children":425,"page":34},[426],{"title":279,"path":326,"stem":327},{"title":329,"path":330,"stem":331,"children":428,"page":34},[429],{"title":334,"path":335,"stem":336},{"id":431,"title":27,"body":432,"description":442,"extension":443,"links":444,"meta":445,"navigation":446,"path":28,"seo":447,"stem":29,"__hash__":448},"docs\u002F1.documentation\u002F1.getting-started\u002F4.contributing.md",{"type":433,"value":434,"toc":438},"minimark",[435],[436,437],"contributing-guide",{},{"title":439,"searchDepth":440,"depth":440,"links":441},"",2,[],"How to contribute to Meteor, including local development, pull requests, changesets, and releases.","md",null,{},true,{"title":27,"description":442},"IBILHFv1c5FisggBF6y9d6Lghd3ZKZ5h3tCM7WwCo1g",[450,452],{"title":23,"path":24,"stem":25,"description":451,"children":-1},"Guidance for transitioning from older sw- components to Meteor, including a component mapping and gradual migration steps.",{"title":31,"path":32,"stem":33,"description":453,"children":-1},"Release notes for Meteor's documented packages, organized by package and listed newest first.",{"data":455,"body":456,"toc":1314},{"title":439,"description":439},{"type":457,"children":458},"root",[459,468,474,479,495,509,515,529,535,549,563,569,582,595,601,624,629,636,776,781,787,799,871,921,934,960,994,1000,1005,1024,1037,1042,1072,1077,1090,1095,1144,1149,1155,1160,1193,1207,1213,1218,1223,1228,1234,1308],{"type":460,"tag":461,"props":462,"children":464},"element","h2",{"id":463},"get-involved",[465],{"type":466,"value":467},"text","Get involved",{"type":460,"tag":469,"props":470,"children":471},"p",{},[472],{"type":466,"value":473},"Thank you for taking an interest in making Meteor a better project!",{"type":460,"tag":469,"props":475,"children":476},{},[477],{"type":466,"value":478},"To contribute code (features or bug fixes) open up a pull request.\nIn case you want to make a larger change to the code base, open up\nan issue first before writing any code. That way you don't lose your\nvaluable time in case we might reject the pull request.",{"type":460,"tag":469,"props":480,"children":481},{},[482,484,493],{"type":466,"value":483},"Shopware is available under ",{"type":460,"tag":485,"props":486,"children":490},"a",{"href":487,"rel":488},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fblob\u002Fmain\u002FLICENSE.md",[489],"nofollow",[491],{"type":466,"value":492},"MIT license",{"type":466,"value":494},".\nContribute your code under MIT license.",{"type":460,"tag":469,"props":496,"children":497},{},[498,500,507],{"type":466,"value":499},"If you've never contributed to an open source project you might\nfind the ",{"type":460,"tag":485,"props":501,"children":504},{"href":502,"rel":503},"https:\u002F\u002Fopensource.guide\u002Fhow-to-contribute\u002F",[489],[505],{"type":466,"value":506},"this guide",{"type":466,"value":508}," helpful.",{"type":460,"tag":461,"props":510,"children":512},{"id":511},"code-of-conduct",[513],{"type":466,"value":514},"Code of conduct",{"type":460,"tag":469,"props":516,"children":517},{},[518,520,527],{"type":466,"value":519},"To understand which action we tolerate we expect you to read\nour ",{"type":460,"tag":485,"props":521,"children":524},{"href":522,"rel":523},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fblob\u002Fmain\u002FCODE_OF_CONDUCT.md",[489],[525],{"type":466,"value":526},"code of conduct",{"type":466,"value":528},".",{"type":460,"tag":461,"props":530,"children":532},{"id":531},"bugs",[533],{"type":466,"value":534},"Bugs",{"type":460,"tag":469,"props":536,"children":537},{},[538,540,547],{"type":466,"value":539},"Please take a look at the ",{"type":460,"tag":485,"props":541,"children":544},{"href":542,"rel":543},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fissues",[489],[545],{"type":466,"value":546},"existing issues",{"type":466,"value":548},"\nbefore creating a new one. That way we keep the number of duplicate issues low.\nComplete the issue template as much as possible when creating a new issue.",{"type":460,"tag":469,"props":550,"children":551},{},[552,554,561],{"type":466,"value":553},"To get your bug fixed faster, add a link to a\n",{"type":460,"tag":485,"props":555,"children":558},{"href":556,"rel":557},"https:\u002F\u002Fstackblitz.com\u002Fedit\u002Fmeteor?file=src%2FApp.vue",[489],[559],{"type":466,"value":560},"project with the bug",{"type":466,"value":562},"\nfor us to reproduce in the issue's description.",{"type":460,"tag":461,"props":564,"children":566},{"id":565},"feature-requests",[567],{"type":466,"value":568},"Feature requests",{"type":460,"tag":469,"props":570,"children":571},{},[572,574,580],{"type":466,"value":573},"Search through the ",{"type":460,"tag":485,"props":575,"children":577},{"href":542,"rel":576},[489],[578],{"type":466,"value":579},"list of existing feature requests",{"type":466,"value":581},",\nbefore you create an issue. If somebody already requested your feature you\ncan up-vote that issue. This helps us to see what the community wants the most.",{"type":460,"tag":469,"props":583,"children":584},{},[585,587,594],{"type":466,"value":586},"If there does not already exist a feature request for your idea,\nyou can ",{"type":460,"tag":485,"props":588,"children":591},{"href":589,"rel":590},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Fissues\u002Fnew?template=03-feature.yaml",[489],[592],{"type":466,"value":593},"request a feature",{"type":466,"value":528},{"type":460,"tag":461,"props":596,"children":598},{"id":597},"local-development",[599],{"type":466,"value":600},"Local development",{"type":460,"tag":469,"props":602,"children":603},{},[604,606,613,615,622],{"type":466,"value":605},"For local development we use ",{"type":460,"tag":607,"props":608,"children":610},"code",{"className":609},[],[611],{"type":466,"value":612},"yalc",{"type":466,"value":614}," to publish packages into a virtual store and consume them from other projects.\nYou can find yalc ",{"type":460,"tag":485,"props":616,"children":619},{"href":617,"rel":618},"https:\u002F\u002Fgithub.com\u002Fwclr\u002Fyalc",[489],[620],{"type":466,"value":621},"here",{"type":466,"value":623}," on GitHub.\nTo use your changes in Shopware and your extensions, you first build and publish the changed package, then add it to your project in a second step.",{"type":460,"tag":469,"props":625,"children":626},{},[627],{"type":466,"value":628},"The walkthrough below uses the component library. Swap the package name and paths if you work on a different package.",{"type":460,"tag":630,"props":631,"children":633},"h3",{"id":632},"publish-your-changes-to-the-local-yalc-store",[634],{"type":466,"value":635},"Publish your changes to the local yalc store",{"type":460,"tag":637,"props":638,"children":639},"ol",{},[640,646,702],{"type":460,"tag":641,"props":642,"children":643},"li",{},[644],{"type":466,"value":645},"Make your changes in the desired package(s).",{"type":460,"tag":641,"props":647,"children":648},{},[649,651,689,693,695,701],{"type":466,"value":650},"Build from the meteor root so the published files include your changes:",{"type":460,"tag":652,"props":653,"children":657},"pre",{"className":654,"code":655,"language":656,"meta":439,"style":439},"language-sh shiki shiki-themes github-light github-dark-default github-dark-default","npx turbo run build\n","sh",[658],{"type":460,"tag":607,"props":659,"children":660},{"__ignoreMap":439},[661],{"type":460,"tag":662,"props":663,"children":666},"span",{"class":664,"line":665},"line",1,[667,673,679,684],{"type":460,"tag":662,"props":668,"children":670},{"style":669},"--shiki-light:#6F42C1;--shiki-default:#FFA657;--shiki-dark:#FFA657",[671],{"type":466,"value":672},"npx",{"type":460,"tag":662,"props":674,"children":676},{"style":675},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[677],{"type":466,"value":678}," turbo",{"type":460,"tag":662,"props":680,"children":681},{"style":675},[682],{"type":466,"value":683}," run",{"type":460,"tag":662,"props":685,"children":686},{"style":675},[687],{"type":466,"value":688}," build\n",{"type":460,"tag":690,"props":691,"children":692},"br",{},[],{"type":466,"value":694},"To rebuild only one package, scope the task: ",{"type":460,"tag":607,"props":696,"children":698},{"className":697},[],[699],{"type":466,"value":700},"npx turbo run build --filter=@shopware-ag\u002Fmeteor-component-library",{"type":466,"value":528},{"type":460,"tag":641,"props":703,"children":704},{},[705,707,713,715,763,766,768,774],{"type":466,"value":706},"Publish from the package root, here ",{"type":460,"tag":607,"props":708,"children":710},{"className":709},[],[711],{"type":466,"value":712},"packages\u002Fcomponent-library",{"type":466,"value":714},":",{"type":460,"tag":652,"props":716,"children":718},{"className":654,"code":717,"language":656,"meta":439,"style":439},"cd packages\u002Fcomponent-library\nyalc publish --private --workspace --pure\n",[719],{"type":460,"tag":607,"props":720,"children":721},{"__ignoreMap":439},[722,736],{"type":460,"tag":662,"props":723,"children":724},{"class":664,"line":665},[725,731],{"type":460,"tag":662,"props":726,"children":728},{"style":727},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[729],{"type":466,"value":730},"cd",{"type":460,"tag":662,"props":732,"children":733},{"style":675},[734],{"type":466,"value":735}," packages\u002Fcomponent-library\n",{"type":460,"tag":662,"props":737,"children":738},{"class":664,"line":440},[739,743,748,753,758],{"type":460,"tag":662,"props":740,"children":741},{"style":669},[742],{"type":466,"value":612},{"type":460,"tag":662,"props":744,"children":745},{"style":675},[746],{"type":466,"value":747}," publish",{"type":460,"tag":662,"props":749,"children":750},{"style":727},[751],{"type":466,"value":752}," --private",{"type":460,"tag":662,"props":754,"children":755},{"style":727},[756],{"type":466,"value":757}," --workspace",{"type":460,"tag":662,"props":759,"children":760},{"style":727},[761],{"type":466,"value":762}," --pure\n",{"type":460,"tag":690,"props":764,"children":765},{},[],{"type":466,"value":767},"This copies the built package into the local yalc store, with its ",{"type":460,"tag":607,"props":769,"children":771},{"className":770},[],[772],{"type":466,"value":773},"workspace:",{"type":466,"value":775}," dependencies resolved to concrete versions so they install outside the monorepo.",{"type":460,"tag":469,"props":777,"children":778},{},[779],{"type":466,"value":780},"Repeat the build and publish steps whenever you change the source again.",{"type":460,"tag":630,"props":782,"children":784},{"id":783},"add-your-updated-package-to-shopware-and-your-extensions",[785],{"type":466,"value":786},"Add your updated package to Shopware and your extensions",{"type":460,"tag":469,"props":788,"children":789},{},[790,792,798],{"type":466,"value":791},"Switch to the project that should consume your changes. For the Shopware administration this is ",{"type":460,"tag":607,"props":793,"children":795},{"className":794},[],[796],{"type":466,"value":797},"\u003Cshopware-root-folder>\u002Fsrc\u002FAdministration\u002FResources\u002Fapp\u002Fadministration",{"type":466,"value":714},{"type":460,"tag":652,"props":800,"children":802},{"className":654,"code":801,"language":656,"meta":439,"style":439},"cd \u003Cshopware-root-folder>\u002Fsrc\u002FAdministration\u002FResources\u002Fapp\u002Fadministration\nyalc add @shopware-ag\u002Fmeteor-component-library\nnpm install\n",[803],{"type":460,"tag":607,"props":804,"children":805},{"__ignoreMap":439},[806,840,857],{"type":460,"tag":662,"props":807,"children":808},{"class":664,"line":665},[809,813,819,824,830,835],{"type":460,"tag":662,"props":810,"children":811},{"style":727},[812],{"type":466,"value":730},{"type":460,"tag":662,"props":814,"children":816},{"style":815},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[817],{"type":466,"value":818}," \u003C",{"type":460,"tag":662,"props":820,"children":821},{"style":675},[822],{"type":466,"value":823},"shopware-root-folde",{"type":460,"tag":662,"props":825,"children":827},{"style":826},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[828],{"type":466,"value":829},"r",{"type":460,"tag":662,"props":831,"children":832},{"style":815},[833],{"type":466,"value":834},">",{"type":460,"tag":662,"props":836,"children":837},{"style":675},[838],{"type":466,"value":839},"\u002Fsrc\u002FAdministration\u002FResources\u002Fapp\u002Fadministration\n",{"type":460,"tag":662,"props":841,"children":842},{"class":664,"line":440},[843,847,852],{"type":460,"tag":662,"props":844,"children":845},{"style":669},[846],{"type":466,"value":612},{"type":460,"tag":662,"props":848,"children":849},{"style":675},[850],{"type":466,"value":851}," add",{"type":460,"tag":662,"props":853,"children":854},{"style":675},[855],{"type":466,"value":856}," @shopware-ag\u002Fmeteor-component-library\n",{"type":460,"tag":662,"props":858,"children":860},{"class":664,"line":859},3,[861,866],{"type":460,"tag":662,"props":862,"children":863},{"style":669},[864],{"type":466,"value":865},"npm",{"type":460,"tag":662,"props":867,"children":868},{"style":675},[869],{"type":466,"value":870}," install\n",{"type":460,"tag":469,"props":872,"children":873},{},[874,880,882,888,890,896,898,904,906,912,914,919],{"type":460,"tag":607,"props":875,"children":877},{"className":876},[],[878],{"type":466,"value":879},"yalc add",{"type":466,"value":881}," copies the published files into a local ",{"type":460,"tag":607,"props":883,"children":885},{"className":884},[],[886],{"type":466,"value":887},".yalc",{"type":466,"value":889}," folder and points the project's ",{"type":460,"tag":607,"props":891,"children":893},{"className":892},[],[894],{"type":466,"value":895},"package.json",{"type":466,"value":897}," at them; ",{"type":460,"tag":607,"props":899,"children":901},{"className":900},[],[902],{"type":466,"value":903},"npm install",{"type":466,"value":905}," then wires them into ",{"type":460,"tag":607,"props":907,"children":909},{"className":908},[],[910],{"type":466,"value":911},"node_modules",{"type":466,"value":913},".\nBe careful not to commit the ",{"type":460,"tag":607,"props":915,"children":917},{"className":916},[],[918],{"type":466,"value":895},{"type":466,"value":920}," changes.",{"type":460,"tag":469,"props":922,"children":923},{},[924,926,932],{"type":466,"value":925},"To pick up later changes, republish from the package and run ",{"type":460,"tag":607,"props":927,"children":929},{"className":928},[],[930],{"type":466,"value":931},"yalc update",{"type":466,"value":933}," in the consuming project.",{"type":460,"tag":469,"props":935,"children":936},{},[937,939,945,947,952,954,959],{"type":466,"value":938},"Alternatively, run ",{"type":460,"tag":607,"props":940,"children":942},{"className":941},[],[943],{"type":466,"value":944},"yalc link @shopware-ag\u002Fmeteor-component-library",{"type":466,"value":946}," to symlink the files into ",{"type":460,"tag":607,"props":948,"children":950},{"className":949},[],[951],{"type":466,"value":911},{"type":466,"value":953}," without touching ",{"type":460,"tag":607,"props":955,"children":957},{"className":956},[],[958],{"type":466,"value":895},{"type":466,"value":528},{"type":460,"tag":469,"props":961,"children":962},{},[963,969,971,977,979,985,987,992],{"type":460,"tag":964,"props":965,"children":966},"strong",{},[967],{"type":466,"value":968},"Caution",{"type":466,"value":970},": ",{"type":460,"tag":607,"props":972,"children":974},{"className":973},[],[975],{"type":466,"value":976},"yalc link",{"type":466,"value":978}," creates symlinks with absolute paths. If you run a containerized setup, it will fail to resolve (see: ",{"type":460,"tag":485,"props":980,"children":983},{"href":981,"rel":982},"https:\u002F\u002Fgithub.com\u002Fwclr\u002Fyalc\u002Fissues\u002F123",[489],[984],{"type":466,"value":981},{"type":466,"value":986},").\nIn that case use ",{"type":460,"tag":607,"props":988,"children":990},{"className":989},[],[991],{"type":466,"value":879},{"type":466,"value":993}," as shown above.",{"type":460,"tag":461,"props":995,"children":997},{"id":996},"creating-a-pull-request",[998],{"type":466,"value":999},"Creating a pull request",{"type":460,"tag":469,"props":1001,"children":1002},{},[1003],{"type":466,"value":1004},"The first step is to clone your repo. Then, install the dependencies with:",{"type":460,"tag":652,"props":1006,"children":1008},{"className":654,"code":1007,"language":656,"meta":439,"style":439},"pnpm install\n",[1009],{"type":460,"tag":607,"props":1010,"children":1011},{"__ignoreMap":439},[1012],{"type":460,"tag":662,"props":1013,"children":1014},{"class":664,"line":665},[1015,1020],{"type":460,"tag":662,"props":1016,"children":1017},{"style":669},[1018],{"type":466,"value":1019},"pnpm",{"type":460,"tag":662,"props":1021,"children":1022},{"style":675},[1023],{"type":466,"value":870},{"type":460,"tag":469,"props":1025,"children":1026},{},[1027,1029,1035],{"type":466,"value":1028},"In case you have not installed pnpm execute ",{"type":460,"tag":607,"props":1030,"children":1032},{"className":1031},[],[1033],{"type":466,"value":1034},"npm install -g pnpm",{"type":466,"value":1036},".\nIf you want to install pnpm through another way take a look at their documentation.",{"type":460,"tag":469,"props":1038,"children":1039},{},[1040],{"type":466,"value":1041},"To execute scripts defined in the packages.json file of each package you have three options:",{"type":460,"tag":637,"props":1043,"children":1044},{},[1045,1056,1067],{"type":460,"tag":641,"props":1046,"children":1047},{},[1048,1050],{"type":466,"value":1049},"You use turbo: ",{"type":460,"tag":607,"props":1051,"children":1053},{"className":1052},[],[1054],{"type":466,"value":1055},"npx turbo run \u003CTASK_NAME>",{"type":460,"tag":641,"props":1057,"children":1058},{},[1059,1061],{"type":466,"value":1060},"You run the script from the root with ",{"type":460,"tag":607,"props":1062,"children":1064},{"className":1063},[],[1065],{"type":466,"value":1066},"pnpm --filter \u003CPACKAGE_NAME> run \u003CSCRIPT_NAME>",{"type":460,"tag":641,"props":1068,"children":1069},{},[1070],{"type":466,"value":1071},"You cd into the package directory and run the script",{"type":460,"tag":469,"props":1073,"children":1074},{},[1075],{"type":466,"value":1076},"You can find the available turbo tasks in the turbo.json file",{"type":460,"tag":469,"props":1078,"children":1079},{},[1080,1082,1089],{"type":466,"value":1081},"Don't know Turborepo? Check out their ",{"type":460,"tag":485,"props":1083,"children":1086},{"href":1084,"rel":1085},"https:\u002F\u002Fturbo.build\u002Frepo\u002Fdocs",[489],[1087],{"type":466,"value":1088},"documentation",{"type":466,"value":528},{"type":460,"tag":469,"props":1091,"children":1092},{},[1093],{"type":466,"value":1094},"Make sure to follow these steps before you push your branch:",{"type":460,"tag":637,"props":1096,"children":1097},{},[1098,1109,1120,1133],{"type":460,"tag":641,"props":1099,"children":1100},{},[1101,1103],{"type":466,"value":1102},"You linted your code with ",{"type":460,"tag":607,"props":1104,"children":1106},{"className":1105},[],[1107],{"type":466,"value":1108},"pnpm run lint:eslint",{"type":460,"tag":641,"props":1110,"children":1111},{},[1112,1114],{"type":466,"value":1113},"There are no type errors, run ",{"type":460,"tag":607,"props":1115,"children":1117},{"className":1116},[],[1118],{"type":466,"value":1119},"pnpm run lint:types",{"type":460,"tag":641,"props":1121,"children":1122},{},[1123,1125,1131],{"type":466,"value":1124},"Run ",{"type":460,"tag":607,"props":1126,"children":1128},{"className":1127},[],[1129],{"type":466,"value":1130},"pnpm run test:unit",{"type":466,"value":1132}," to see if all tests pass",{"type":460,"tag":641,"props":1134,"children":1135},{},[1136,1138],{"type":466,"value":1137},"You generated a changeset with ",{"type":460,"tag":607,"props":1139,"children":1141},{"className":1140},[],[1142],{"type":466,"value":1143},"npx changeset",{"type":460,"tag":469,"props":1145,"children":1146},{},[1147],{"type":466,"value":1148},"After completing all the tests you can submit your pull request.",{"type":460,"tag":630,"props":1150,"children":1152},{"id":1151},"create-a-changelog",[1153],{"type":466,"value":1154},"Create a changelog",{"type":460,"tag":469,"props":1156,"children":1157},{},[1158],{"type":466,"value":1159},"We create and manage our changelogs with changesets. Follow these steps\nto create a changelog:",{"type":460,"tag":637,"props":1161,"children":1162},{},[1163,1173,1178,1183,1188],{"type":460,"tag":641,"props":1164,"children":1165},{},[1166,1167],{"type":466,"value":1124},{"type":460,"tag":607,"props":1168,"children":1170},{"className":1169},[],[1171],{"type":466,"value":1172},"npx changeset add",{"type":460,"tag":641,"props":1174,"children":1175},{},[1176],{"type":466,"value":1177},"Select the package you updated",{"type":460,"tag":641,"props":1179,"children":1180},{},[1181],{"type":466,"value":1182},"Define your version bump for this package",{"type":460,"tag":641,"props":1184,"children":1185},{},[1186],{"type":466,"value":1187},"Write a meaningful changelog message",{"type":460,"tag":641,"props":1189,"children":1190},{},[1191],{"type":466,"value":1192},"Repeat the step for other packages you want to change",{"type":460,"tag":469,"props":1194,"children":1195},{},[1196,1198,1205],{"type":466,"value":1197},"Feel free to check out the ",{"type":460,"tag":485,"props":1199,"children":1202},{"href":1200,"rel":1201},"https:\u002F\u002Fgithub.com\u002Fchangesets\u002Fchangesets?tab=readme-ov-file#documentation",[489],[1203],{"type":466,"value":1204},"changesets documentation",{"type":466,"value":1206},"\nfor more information on how to work with it.",{"type":460,"tag":461,"props":1208,"children":1210},{"id":1209},"managing-releases",[1211],{"type":466,"value":1212},"Managing releases",{"type":460,"tag":469,"props":1214,"children":1215},{},[1216],{"type":466,"value":1217},"When your pull request gets merged a GitHub Action looks at your changes. If it finds a changeset in there it will copy that changeset over to a release branch.",{"type":460,"tag":469,"props":1219,"children":1220},{},[1221],{"type":466,"value":1222},"If you decide to release a new version, merge the release branch. Changesets will now take over. It updates the changelog files, bumps up the version numbers and it publishes the packages to npm.",{"type":460,"tag":469,"props":1224,"children":1225},{},[1226],{"type":466,"value":1227},"That's it there is nothing more you have to do.",{"type":460,"tag":461,"props":1229,"children":1231},{"id":1230},"updating-the-visual-tests",[1232],{"type":466,"value":1233},"Updating the visual tests",{"type":460,"tag":637,"props":1235,"children":1236},{},[1237,1242,1254,1268,1281,1286,1298,1303],{"type":460,"tag":641,"props":1238,"children":1239},{},[1240],{"type":466,"value":1241},"Copy the name of your branch",{"type":460,"tag":641,"props":1243,"children":1244},{},[1245,1247],{"type":466,"value":1246},"Go to the ",{"type":460,"tag":485,"props":1248,"children":1251},{"href":1249,"rel":1250},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Factions",[489],[1252],{"type":466,"value":1253},"actions tab",{"type":460,"tag":641,"props":1255,"children":1256},{},[1257,1259,1266],{"type":466,"value":1258},"Click on ",{"type":460,"tag":485,"props":1260,"children":1263},{"href":1261,"rel":1262},"https:\u002F\u002Fgithub.com\u002Fshopware\u002Fmeteor\u002Factions\u002Fworkflows\u002Fvisual-tests.yml",[489],[1264],{"type":466,"value":1265},"Visual tests",{"type":466,"value":1267}," in the left sidebar",{"type":460,"tag":641,"props":1269,"children":1270},{},[1271,1273,1279],{"type":466,"value":1272},"You then see a blue bar with a button that says ",{"type":460,"tag":607,"props":1274,"children":1276},{"className":1275},[],[1277],{"type":466,"value":1278},"Run workflow",{"type":466,"value":1280},", click on that",{"type":460,"tag":641,"props":1282,"children":1283},{},[1284],{"type":466,"value":1285},"Select your branch from the dropdown menu",{"type":460,"tag":641,"props":1287,"children":1288},{},[1289,1291,1296],{"type":466,"value":1290},"Click on the ",{"type":460,"tag":607,"props":1292,"children":1294},{"className":1293},[],[1295],{"type":466,"value":1278},{"type":466,"value":1297}," button",{"type":460,"tag":641,"props":1299,"children":1300},{},[1301],{"type":466,"value":1302},"Wait...",{"type":460,"tag":641,"props":1304,"children":1305},{},[1306],{"type":466,"value":1307},"Go back to your branch overview",{"type":460,"tag":1309,"props":1310,"children":1311},"style",{},[1312],{"type":466,"value":1313},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":439,"searchDepth":440,"depth":440,"links":1315},[1316,1317,1318,1319,1320,1324,1327,1328],{"id":463,"depth":440,"text":467},{"id":511,"depth":440,"text":514},{"id":531,"depth":440,"text":534},{"id":565,"depth":440,"text":568},{"id":597,"depth":440,"text":600,"children":1321},[1322,1323],{"id":632,"depth":859,"text":635},{"id":783,"depth":859,"text":786},{"id":996,"depth":440,"text":999,"children":1325},[1326],{"id":1151,"depth":859,"text":1154},{"id":1209,"depth":440,"text":1212},{"id":1230,"depth":440,"text":1233},1783003019872]