shopware · mdanilowicz · Oct 18, 2024 · Oct 18, 2024 · Oct 22, 2024 · Oct 22, 2024
diff --git a/.changeset/stale-cameras-matter.md b/.changeset/stale-cameras-matter.md
@@ -0,0 +1,5 @@
+---
+"@shopware-pwa/composables-next": minor
+---
+
+Add `useMedia` composable for working with media
diff --git a/apps/docs/.vitepress/sidebar.ts b/apps/docs/.vitepress/sidebar.ts
@@ -116,6 +116,10 @@ export const sidebar = [
             text: "Multiple CMS",
             link: "/getting-started/cms/multiple-cms.html",
           },
+          {
+            text: "Fetching Media",
+            link: "/getting-started/cms/fetching-media.html",
+          },
         ],
       },
       {

diff --git a/apps/docs/src/getting-started/cms/fetching-media.md b/apps/docs/src/getting-started/cms/fetching-media.md
@@ -0,0 +1,26 @@
+---
+head:
+  - - meta
+    - name: og:title
+      content: Fetching Media - Shopware Frontends
+  - - meta
+    - name: og:description
+      content: "Fetching Media (CMS)"
+  - - meta
+    - name: og:image
+      content: "https://frontends-og-image.vercel.app/Fetching%20Media?fontSize=150px"
+---
+
+# Fetching Media (CMS)
+
+To fetch Media objects you can use `readMedia post /media` endpoint.
+
+## Example
+
+```ts
+const { data } = await apiClient.invoke("readMedia post /media", {
+  body: {
+    ids: ["a69d392ee875484095bf0b20b20c842b"],
+  },
+});
+```
diff --git a/examples/api-client-tutorial/.vscode/extensions.json b/examples/api-client-tutorial/.vscode/extensions.json
@@ -1,4 +1,8 @@
 {
-  "recommendations": ["astro-build.astro-vscode", "StackBlitz.tutorialkit", "unifiedjs.vscode-mdx"],
+  "recommendations": [
+    "astro-build.astro-vscode",
+    "StackBlitz.tutorialkit",
+    "unifiedjs.vscode-mdx"
+  ],
   "unwantedRecommendations": []
 }
diff --git a/...t-tutorial/src/content/tutorial/2-implementation/1-basics/2-instance/_solution/index.html b/...t-tutorial/src/content/tutorial/2-implementation/1-basics/2-instance/_solution/index.html
@@ -9,7 +9,9 @@
   <body>
     <div class="center">
       <h1 class="center">Live example</h1>
-      <pre id="result"><button id="loadContext">Load context via API Client</button></pre>
+      <pre
+        id="result"
+      ><button id="loadContext">Load context via API Client</button></pre>
     </div>
     <script type="module" src="/main.ts"></script>
   </body>

diff --git a/...nt-tutorial/src/content/tutorial/2-implementation/1-basics/3-example/_solution/index.html b/...nt-tutorial/src/content/tutorial/2-implementation/1-basics/3-example/_solution/index.html
@@ -9,7 +9,9 @@
   <body>
     <div class="center">
       <h1 class="center">Live example</h1>
-      <pre id="result"><button id="loadContext">Click to load context via API Client</button></pre>
+      <pre
+        id="result"
+      ><button id="loadContext">Click to load context via API Client</button></pre>
     </div>
     <script type="module" src="/main.ts"></script>
   </body>

diff --git a/...utorial/src/content/tutorial/2-implementation/2-sync/2-configuration/_solution/index.html b/...utorial/src/content/tutorial/2-implementation/2-sync/2-configuration/_solution/index.html
@@ -9,7 +9,9 @@
   <body>
     <div class="center">
       <h1 class="center">Live example</h1>
-      <pre id="result"><button id="loadContext">Load context via API Client</button></pre>
+      <pre
+        id="result"
+      ><button id="loadContext">Load context via API Client</button></pre>
     </div>
     <script type="module" src="/main.ts"></script>
   </body>

diff --git a/...al/2-implementation/3-customize/3-partial-overriding/_files/api-types/storeApiSchema.json b/...al/2-implementation/3-customize/3-partial-overriding/_files/api-types/storeApiSchema.json
@@ -21009,4 +21009,4 @@
       }
     }
   ]
-}
+}
diff --git a/...2-implementation/3-customize/3-partial-overriding/_solution/api-types/storeApiSchema.json b/...2-implementation/3-customize/3-partial-overriding/_solution/api-types/storeApiSchema.json
@@ -21009,4 +21009,4 @@
       }
     }
   ]
-}
+}
diff --git a/examples/api-client-tutorial/tsconfig.json b/examples/api-client-tutorial/tsconfig.json
@@ -7,12 +7,8 @@
     "baseUrl": "./",
     "jsxImportSource": "solid-js",
     "paths": {
-      "@*": [
-        "src/*"
-      ]
-    },
+      "@*": ["src/*"]
+    }
   },
-  "exclude": [
-    "dist"
-  ]
-}
+  "exclude": ["dist"]
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -21009,4 +21009,4 @@ @@
           }
         }
       ]
-    }
+    }