chore: wip

Author: glennmichael123

docs/config.ts

@@ -1,5 +1,5 @@
-import type { HeadConfig } from 'vitepress'
 import type { DocsConfig } from '@stacksjs/types'
+import type { HeadConfig } from 'vitepress'
 import { SocialLinkIcon } from '@stacksjs/types'
 import analytics from '../config/analytics'
 
@@ -49,7 +49,6 @@ export const analyticsHead
       ? googleAnalyticsHead
       : []
 
-
 const nav = [
   {
     text: 'Changelog',
@@ -636,7 +635,7 @@ export default {
     ['meta', { property: 'og:image', content: 'https://stacksjs.org/images/og-image.png' }],
     ['meta', { property: 'og:url', content: 'https://stacksjs.org/' }],
     // ['script', { 'src': 'https://cdn.usefathom.com/script.js', 'data-site': '', 'data-spa': 'auto', 'defer': '' }],
-    ...analyticsHead
+    ...analyticsHead,
   ],
 
   themeConfig: {

resources/components/Docs/HomeContributors.vue

@@ -4,15 +4,15 @@ import { contributors } from './contributors'
 
 <template>
   <div class="vp-doc">
-    <h2 op50 font-normal pt-5 pb-2>
+    <h2 pb-2 pt-5 font-normal op50>
       Contributors
     </h2>
   </div>
 
-  <div text-lg max-w-200 text-center leading-7 p-10>
+  <div max-w-200 p-10 text-center text-lg leading-7>
     <div flex="~ wrap gap-1" justify-center>
       <a v-for="{ name, avatar } of contributors" :key="name" :href="`https://github.com/${name}`" m-0 rel="noopener noreferrer" :aria-label="`${name} on GitHub`">
-        <img loading="lazy" :src="avatar" width="40" height="40" rounded-full min-w-10 min-h-10 h-10 w-10 :alt="`${name}'s avatar`">
+        <img loading="lazy" :src="avatar" width="40" height="40" h-10 min-h-10 min-w-10 w-10 rounded-full :alt="`${name}'s avatar`">
       </a>
     </div>
     <br>

resources/components/Docs/HomeSponsors.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="vp-doc">
-    <h2 op50 font-normal pt-5 pb-2>
+    <h2 pb-2 pt-5 font-normal op50>
       Stacks Sponsors
     </h2>
   </div>
@@ -12,7 +12,7 @@
   </p>
 
   <p class="mt-5 text-center">
-    <a href="https://github.com/sponsors/chrisbbreuer" class="italic text-xs">
+    <a href="https://github.com/sponsors/chrisbbreuer" class="text-xs italic">
       Click here to become a sponsor.
     </a>
   </p>

resources/components/Docs/HomeTeam.vue

@@ -4,7 +4,7 @@ import { coreTeamMembers } from './contributors'
 
 <template>
   <div class="vp-doc">
-    <h2 op50 font-normal pt-5 pb-2>
+    <h2 pb-2 pt-5 font-normal op50>
       Meet The Team
     </h2>
   </div>

resources/components/Docs/TeamMember.vue

@@ -10,18 +10,18 @@ defineProps<{
   <div text-center>
     <img
       loading="lazy"
-      width="100" height="100" m-auto rounded-full min-w-25 min-h-25 h-25 w-25
+      width="100" height="100" m-auto h-25 min-h-25 min-w-25 w-25 rounded-full
       :src="data.avatar"
       :alt="`${data.name}'s avatar`"
     >
-    <div text-xl mt-2 mb-1>
+    <div mb-1 mt-2 text-xl>
       {{ data.name }}
     </div>
-    <div op60 h-80px v-html="data.description" />
+    <div h-80px op60 v-html="data.description" />
 
     <div flex="~ inline gap-2" py2 text-2xl>
       <a
-        class="i-carbon-logo-github inline-block text-current op30 hover:op100 mya transition duration-200"
+        class="i-carbon-logo-github mya inline-block text-current op30 transition duration-200 hover:op100"
         :href="`https://github.com/${data.github}`"
         target="_blank"
         rel="noopener noreferrer"
@@ -30,7 +30,7 @@ defineProps<{
 
       <a
         v-if="data.sponsors"
-        class="i-carbon-favorite-filled inline-block mya text-current op30 hover:op100 transition duration-200"
+        class="i-carbon-favorite-filled mya inline-block text-current op30 transition duration-200 hover:op100"
         :href="`https://github.com/sponsors/${data.github}`"
         target="_blank"
         rel="noopener noreferrer"
@@ -39,9 +39,9 @@ defineProps<{
       />
     </div>
 
-    <div v-if="data.functions || data.packages" bg-gray:5 mb2 p3 rounded grid="~ cols-[20px_1fr] gap-x-1 gap-y-2" items-start w="5/6" mxa>
+    <div v-if="data.functions || data.packages" grid="~ cols-[20px_1fr] gap-x-1 gap-y-2" w="5/6" mxa mb2 items-start rounded bg-gray:5 p3>
       <template v-if="data.functions">
-        <div op50 ma i-carbon:function-math title="Functions" />
+        <div i-carbon:function-math ma op50 title="Functions" />
         <div flex="~ row wrap gap-2" text-left text-sm>
           <a v-for="f of data.functions" :key="f" :href="`/${f}`" target="_blank">
             <code>{{ f }}</code>
@@ -50,7 +50,7 @@ defineProps<{
       </template>
 
       <template v-if="data.packages">
-        <div op50 ma i-carbon-cube title="Packages" />
+        <div i-carbon-cube ma op50 title="Packages" />
         <div flex="~ row wrap gap-2" text-left text-sm>
           <a v-for="f of data.packages" :key="f" href="/add-ons">
             <code>{{ f }}</code>

resources/components/Docs/contributors.ts

@@ -39,7 +39,7 @@ const coreTeamMembers: CoreTeam[] = [
     sponsors: true,
     description: 'Open sourceror<br>Core team member of Stacks<br>Working at Stacks.js, Inc.',
     packages: ['core'],
-    functions: ['cloud', 'backend', 'frontend', 'ci/cd']
+    functions: ['cloud', 'backend', 'frontend', 'ci/cd'],
   },
 
   {
@@ -65,7 +65,7 @@ const coreTeamMembers: CoreTeam[] = [
   },
 
   {
-    avatar: contributorsAvatars['konkonam'] || 'default-avatar.png',
+    avatar: contributorsAvatars.konkonam || 'default-avatar.png',
     name: 'Zoltan',
     github: 'konkonam',
     sponsors: true,

storage/framework/core/docs/src/scripts/pwa.ts

@@ -1,7 +1,6 @@
 import type { PwaOptions } from '@vite-pwa/vitepress'
 import { docs } from '@stacksjs/config'
 import { frameworkPath } from '@stacksjs/path'
-import { githubusercontentRegex, pwaFontsRegex, pwaFontStylesRegex } from '../meta'
 
 export const pwaDocs: PwaOptions = {
   outDir: frameworkPath('docs/dist'),