docs: update serve example

resolves #136

docs/content/1.docs/2.storage/3.blob.md

@@ -61,13 +61,21 @@ Returns [`BlobListResult`](#bloblistresult).
 
 Returns a blob's data.
 
-```ts [server/api/files/[...pathname\\].get.ts]
+
+::code-group
+```ts [server/routes/images/[...pathname\\].get.ts]
 export default eventHandler(async (event) => {
   const { pathname } = getRouterParams(event)
 
   return hubBlob().serve(event, pathname)
 })
 ```
+```vue [pages/index.vue]
+<template>
+  <img src="/images/my-image.jpg">
+</template>
+```
+::
 
 #### Params
 
@@ -84,14 +92,6 @@ export default eventHandler(async (event) => {
 
 Returns the blob's raw data and sets `Content-Type` and `Content-Length` headers.
 
-::callout{icon="i-heroicons-information-circle" class="prose-code:bg-gray-50 dark:prose-code:bg-gray-800"}
-If you are fetching an image with a server route similar to the one above, you might simply want to use it this way:
-<br>
-```vue
-<img :src="`/api/blob/${file.pathname}`">
-```
-::
-
 ### `head()`
 
 Returns a blob's metadata.