fix(pricing): use Accordion instead of PageAccordion (#217)

Co-authored-by: Benjamin Canac <[email protected]>

Author: mhelbich

app/pages/pricing.vue

@@ -76,10 +76,16 @@ const items = ref([
       :title="page.faq.title"
       :description="page.faq.description"
     >
-      <UPageAccordion
+      <UAccordion
         :items="page.faq.items"
-        multiple
-        class="max-w-4xl mx-auto"
+        :unmount-on-hide="false"
+        :default-value="['0']"
+        type="multiple"
+        class="max-w-3xl mx-auto"
+        :ui="{
+          trigger: 'text-base text-highlighted',
+          body: 'text-base text-muted'
+        }"
       />
     </UPageSection>
   </div>

content.config.ts

@@ -102,8 +102,7 @@ export const collections = {
         items: z.array(
           z.object({
             label: z.string().nonempty(),
-            content: z.string().nonempty(),
-            defaultOpen: z.boolean().optional()
+            content: z.string().nonempty()
           })
         )
       })

content/2.pricing.yml

@@ -70,7 +70,6 @@ faq:
   items:
     - label: Is this a secure service?
       content: Qui sunt nostrud aliquip reprehenderit enim proident veniam magna aliquip velit occaecat eiusmod nisi deserunt sunt.
-      defaultOpen: true
     - label: How can I cancel my subscription?
       content: Consectetur irure Lorem nostrud adipisicing aliqua mollit Lorem sit officia magna eiusmod cupidatat.
     - label: How does the free trial work?