chore: update playground

package.json

@@ -31,6 +31,5 @@
     "@nuxt/schema": "3.7.3",
     "giget": "1.1.3",
     "nuxt": "3.7.3"
-  },
-  "packageManager": "yarn@4.3.0"
+  }
 }

packages/playground/pages/examples/fill-article.vue

@@ -1,10 +1,14 @@
 <script lang="ts" setup>
-const { articles: alphabetArticles } = useFillArticles(2, [{ key: 'slug', value: 'alphabet' }])
+const { articles: first2Articles } = useFillArticles(2)
+const { articles: another2Articles } = useFillArticles(2)
 </script>
 
 <template>
   <div class="flex">
-    <div v-for="article in alphabetArticles" :key="article.id" class="border border-black">
+    <div v-for="article in first2Articles" :key="article.id" class="border border-black">
+      <ArticleLayout :article="article" />
+    </div>
+    <div v-for="article in another2Articles" :key="article.id" class="border border-black">
       <ArticleLayout :article="article" />
     </div>
   </div>

packages/playground/templates/article-layouts/BarLayout.vue

@@ -10,6 +10,7 @@ const foo = computed(() => site.foo)
 <template>
   <div>
     This is bar layout
+    <div>id: {{ article.id }}</div>
     <div>article id from custom field: {{ currentID }}</div>
     <div>
       Content:

packages/playground/templates/article-layouts/DefaultLayout.vue

@@ -16,6 +16,7 @@ const socialLinks = {}
       <div class="my-[50px] mx-auto w-[1140px] max-w-[min(calc(100vw-30px),100%)]">
         <!-- article -->
         <div class="my-[50px] mx-auto w-[43.75rem] max-w-full">
+          <div>id: {{ article.id }}</div>
           <!-- article image -->
           <ArticleHeroPhoto
             v-if="cover?.url"