💄 Readd example pages

Author: Frontendland

package-lock.json

@@ -1,7 +1,7 @@
 {
     "name": "webcore",
     "type": "module",
-    "version": "0.7.0",
+    "version": "0.8.0",
     "scripts": {
         "prepare": "husky",
         "pre-commit": "lint-staged",
@@ -35,7 +35,7 @@
         "svelte-eslint-parser": "0.41.0",
         "typescript": "5.4.5",
         "typescript-eslint": "8.3.0",
-        "webcoreui": "0.7.0"
+        "webcoreui": "0.8.0"
     },
     "exports": {
         ".": "./index.js",

package.json

@@ -17,14 +17,15 @@ import Tiles from '@blocks/Tiles/Tiles.astro'
         </a>
     </h2>
 
-    <AstroFAQ items={accordionItems}>
+    <AstroFAQ items={accordionItems} titleTag="strong">
         <span class="muted">Here are the most common questions we get asked. If you don't find an answer for your question, please reach out to us through our <a href="#">contact form</a>.</span>
     </AstroFAQ>
 
     <hr />
 
     <SvelteFAQ
         title="FAQs"
+        titleTag="strong"
         items={accordionItems}
         client:load
     />
@@ -33,6 +34,7 @@ import Tiles from '@blocks/Tiles/Tiles.astro'
 
     <ReactFAQ
         items={accordionItems}
+        titleTag="strong"
         client:load
     >
         <span class="muted mb">Looking for a specific page? Find them below:</span>
@@ -43,7 +45,6 @@ import Tiles from '@blocks/Tiles/Tiles.astro'
             { icon: 'file', label: 'Documentation', href: '' }
         ]} columns={1} />
     </ReactFAQ>
-
 </Layout>
 
 <style lang="scss" is:global>
@@ -55,6 +56,6 @@ import Tiles from '@blocks/Tiles/Tiles.astro'
     }
 
     hr {
-        @include spacing(my-default);
+        @include spacing('my-5xl');
     }
 </style>

src/pages/blocks/faq.astro

@@ -1,7 +1,7 @@
 ---
 import Box from '@static/Box.astro'
 import CardWrapper from '@static/CardWrapper.astro'
-// import Examples from '@static/Examples.astro'
+import Examples from '@static/Examples.astro'
 import Layout from '@static/Layout.astro'
 
 import Accordion from '@components/Accordion/Accordion.astro'
@@ -96,7 +96,7 @@ const tabItems = [{
     </div>
 
     <ThemeSwitcher themes={themes} className="switcher" />
-    <!-- <Examples /> -->
+    <Examples />
 
     <h2 class="my components-heading">Components</h2>
     <div class="grid md-2 lg-3">

src/pages/index.astro

@@ -26,7 +26,7 @@ import Timeline from '@blocks/Timeline/Timeline.astro'
 </div>
 
 <style is:global lang="scss">
-    @use '../scss/config.scss';
+    @use '../scss/config.scss' as *;
 
     .examples {
         margin-top: 50px;

src/static/Examples.astro

@@ -23,7 +23,7 @@ const {
 >{'->'}</Button>
 
 <style lang="scss">
-    @use 'webcoreui/config';
+    @use 'webcoreui/config' as *;
 
     .link {
         @include position(absolute, b0, r0);