Merge pull request #64 from shopinvader/services-refactor-bugfix

OIDC Authentication

Author: thibaultrey

app.config.ts

@@ -4,6 +4,7 @@ export default defineAppConfig({
   nuxtIcon: {
     aliases: {
       addresses:"ph:address-book-light",
+      profile:"ph:person-light",
       sales:"ph:list-dashes",
       check: "ph:check",
       left: "ph:arrow-left",
@@ -28,6 +29,7 @@ export default defineAppConfig({
       cart: "clarity:shopping-bag-line",
       shipping: "ph:package",
       billing: "ph:receipt",
+      email:"ph:envelope",
       warning: "ph:warning",
       attention: "iconamoon:attention-circle-thin",
       down: "ph:caret-down-light",
@@ -39,6 +41,7 @@ export default defineAppConfig({
       location: "ic:sharp-location-on",
       menu: "solar:hamburger-menu-outline",
       download: "material-symbols:download-for-offline-outline",
+      carrier: "solar:box-line-duotone",
     },
   },
   animations: {
@@ -48,7 +51,7 @@ export default defineAppConfig({
           opacity: 0,
           y: 100,
         },
-        visibleOnce: {
+        enter: {
           opacity: 1,
           y: 0,
           transition: {
@@ -65,7 +68,7 @@ export default defineAppConfig({
         initial:{
           opacity: 0,
         },
-        visibleOnce: {
+        enter: {
           opacity: 1,
           transition: {
             duration: 300,
@@ -82,7 +85,7 @@ export default defineAppConfig({
           opacity: 0,
           y: -100,
         },
-        visibleOnce: {
+        enter: {
           y: 0,
           opacity: 1,
           transition: {

app.vue

@@ -1,9 +1,13 @@
 <template>
-  <RobotMeta />
   <div>
-    <NuxtLayout>
-      <NuxtPage />
-    </NuxtLayout>
+    <RobotMeta />
+    <div>
+      <NuxtLayout>
+        <div>
+          <NuxtPage />
+        </div>
+      </NuxtLayout>
+    </div>
   </div>
 </template>
 <script setup lang="ts">

assets/css/main.scss

@@ -1,11 +1,41 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('/fonts/Montserrat-Light.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('/fonts/Montserrat-Regular.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('/fonts/Montserrat-SemiBold.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('/fonts/Montserrat-Bold.woff2') format('woff2');
+}
+
 @layer components {
-  .heading {
+.heading {
     @apply font-heading uppercase font-bold
   }
 }
+
 h2,
 .h2 {
 
@@ -17,9 +47,6 @@ h1,
   @apply font-heading leading-tight text-4xl mt-0 mb-5 text-primary;
 }
 
-
-
-
 .backdrop {
   @apply backdrop-blur-sm fixed top-0 left-0 z-20 h-screen w-screen bg-gray-900/20;
 }