Extract design system vue components (#5)

* Init new package * Remove template files * Configure tailwind * Delete public folder * Configure lib build * Copy wrap components * Copy assets * Copy btn * Fix wrappers imports * Copy simple components * Fix icons * Copy list components * Install gsap * Copy D animations * Copy big bang button * Copy card * Copy character * Copy content components * Make quote 2 directional * Copy polygon animations utils * Tailwind dependency * Utils dependency * Composables dependency * tsconfig update for libs * Components dependency * Lintfix * Fix build script * Fix tailwind config import * Reuse esprit-design in nuxt * Fix imports * Generate types on build * Move images-relative content to nuxt repository * Export tailwind config * Import from dist * Fix imports * Fix list styles * Buttons classes fix * Complete actions list classes * Fix actions fan classes * Fix animation classes * Fix highlight default color * Use RouterLink for buttons * Fix classes in stats component * Lintfix * Update build script * Import styles via css file * Import components from esprit-design source code * Add isExternalLink to useLink composable * Update ignore builds script * Use NuxtLink in nuxt applications * lintfix
d0rich · Nov 11, 2023 · 772f844 · 772f844
1 parent 99314dd
commit 772f844
Show file tree

Hide file tree

Showing 86 changed files with 3,656 additions and 2,202 deletions.
diff --git a/apps/d0rich.me/components/homepage/B1Intro.vue b/apps/d0rich.me/components/homepage/B1Intro.vue
@@ -96,7 +96,7 @@ useSafeOnMounted(root as Ref<HTMLElement>, () => {
         <DWrapShape
           :ref="
             (el) => {
-              textContainer = componentFromNodeRef(el)
+              textContainer = el as ComponentPublicInstance
             }
           "
           class="absolute w-fit top-1/3 left-0 right-0 mx-auto z-[3]"
@@ -165,6 +165,7 @@ useSafeOnMounted(root as Ref<HTMLElement>, () => {
                 <DBtn
                   :href="socialLink.link"
                   target="_blank"
+                  no-passive-highlight
                   :aria-label="socialLink.alt"
                 >
                   <Icon :name="socialLink.icon" class="m-[0.4em]" />

diff --git a/apps/d0rich.me/components/layouts/DFooter.vue b/apps/d0rich.me/components/layouts/DFooter.vue
@@ -25,6 +25,7 @@ import Dialog from '@d0rich/nuxt-design-system/components/content/ProseBlockquot
                 target="_blank"
                 text-transform="none"
                 no-rotate
+                no-passive-highlight
               >
                 <div class="flex items-center gap-2">
                   <Icon name="ic:sharp-mail" class="text-xl" />
@@ -38,6 +39,7 @@ import Dialog from '@d0rich/nuxt-design-system/components/content/ProseBlockquot
                 target="_blank"
                 text-transform="none"
                 no-rotate
+                no-passive-highlight
               >
                 <div class="flex items-center gap-2">
                   <Icon name="fa6-brands:github" class="text-xl" /> GitHub
@@ -50,6 +52,7 @@ import Dialog from '@d0rich/nuxt-design-system/components/content/ProseBlockquot
                 target="_blank"
                 text-transform="none"
                 no-rotate
+                no-passive-highlight
               >
                 <div class="flex items-center gap-2">
                   <Icon name="fa6-brands:linkedin" class="text-xl" /> LinkedIn
@@ -62,6 +65,7 @@ import Dialog from '@d0rich/nuxt-design-system/components/content/ProseBlockquot
                 target="_blank"
                 text-transform="none"
                 no-rotate
+                no-passive-highlight
               >
                 <div class="flex items-center gap-2">
                   <Icon name="fa6-brands:telegram" class="text-xl" /> Telegram

diff --git a/apps/d0rich.me/ignore-build.mjs b/apps/d0rich.me/ignore-build.mjs
@@ -16,9 +16,12 @@ const isNuxtDesignSystemChanged = changesList.includes(
   'packages/nuxt-design-system'
 )
 
+const isEspritDesignChanged = changesList.includes('packages/esprit-design')
+
 const ignoreBuild =
   !isD0richMeChanged &&
   !isNuxtContentMermaidChanged &&
-  !isNuxtDesignSystemChanged
+  !isNuxtDesignSystemChanged &&
+  !isEspritDesignChanged
 
 process.exit(ignoreBuild ? 0 : 1)
diff --git a/apps/d0rich.me/pages/resume/[type].vue b/apps/d0rich.me/pages/resume/[type].vue
@@ -80,8 +80,10 @@ const { data: resumeList } = useAsyncData(
               class="print:!hidden ml-6 pb-2"
               :href="printResumeLink"
               target="_blank"
-              >Print</DBtn
+              no-passive-highlight
             >
+              Print
+            </DBtn>
           </div>
           <ContentRenderer
             class="resume-page__prose-content"

diff --git a/apps/d0xigen.d0rich.me/ignore-build.mjs b/apps/d0xigen.d0rich.me/ignore-build.mjs
@@ -16,9 +16,12 @@ const isNuxtDesignSystemChanged = changesList.includes(
   'packages/nuxt-design-system'
 )
 
+const isEspritDesignChanged = changesList.includes('packages/esprit-design')
+
 const ignoreBuild =
   !isD0xigenD0richMeChanged &&
   !isNuxtContentMermaidChanged &&
-  !isNuxtDesignSystemChanged
+  !isNuxtDesignSystemChanged &&
+  !isEspritDesignChanged
 
 process.exit(ignoreBuild ? 0 : 1)
diff --git a/apps/design.d0rich.me/ignore-build.mjs b/apps/design.d0rich.me/ignore-build.mjs
@@ -12,7 +12,11 @@ const isDesignD0richMeChanged = changesList.includes('apps/design.d0rich.me')
 const isNuxtDesignSystemChanged = changesList.includes(
   'packages/nuxt-design-system'
 )
+const isEspritDesignChanged = changesList.includes('packages/esprit-design')
 
-const ignoreBuild = !isDesignD0richMeChanged && !isNuxtDesignSystemChanged
+const ignoreBuild =
+  !isDesignD0richMeChanged &&
+  !isNuxtDesignSystemChanged &&
+  !isEspritDesignChanged
 
 process.exit(ignoreBuild ? 0 : 1)