From 01bf039acbee0333de3a349a0090cc8c6b52455d Mon Sep 17 00:00:00 2001
From: BernardoSM <bernardosimonassi@hotmail.com>
Date: Fri, 22 Sep 2023 14:41:12 -0300
Subject: [PATCH] fix: rootstate error

---
 apps/app/components/atoms/AppIconButton.vue   |  3 +++
 apps/app/components/content/ProseA.vue        |  7 ++++++-
 apps/app/components/content/ProseUl.vue       |  5 +++++
 apps/app/public/app/logos/html.svg            |  6 ++++++
 apps/app/stores/components/defaultAside.ts    |  4 ++--
 apps/app/stores/components/enrollmentModal.ts |  4 ++--
 packages/assets/styles/content.css            | 12 ++++++++----
 7 files changed, 32 insertions(+), 9 deletions(-)
 create mode 100644 apps/app/components/content/ProseUl.vue
 create mode 100644 apps/app/public/app/logos/html.svg

diff --git a/apps/app/components/atoms/AppIconButton.vue b/apps/app/components/atoms/AppIconButton.vue
index e63a459..70b8e79 100644
--- a/apps/app/components/atoms/AppIconButton.vue
+++ b/apps/app/components/atoms/AppIconButton.vue
@@ -22,6 +22,9 @@ const apps: { [key: string]: { url: string } } = {
   solidity: {
     url: "https://soliditylang.org/?utm_source=menthor.io",
   },
+  html: {
+    url: "https://developer.mozilla.org/pt-BR/docs/Web/HTML?utm_source=menthor.io",
+  },
 };
 </script>
 
diff --git a/apps/app/components/content/ProseA.vue b/apps/app/components/content/ProseA.vue
index 8ef422e..e0b8b1c 100644
--- a/apps/app/components/content/ProseA.vue
+++ b/apps/app/components/content/ProseA.vue
@@ -13,7 +13,12 @@ defineProps({
 </script>
 
 <template>
-  <NuxtLink :href="href" target="_blank" external>
+  <NuxtLink
+    :href="href"
+    target="_blank"
+    external
+    class="font-bold border-b border-pink-500 hover:border-b-[2px]"
+  >
     <slot />
   </NuxtLink>
 </template>
diff --git a/apps/app/components/content/ProseUl.vue b/apps/app/components/content/ProseUl.vue
new file mode 100644
index 0000000..a0263cd
--- /dev/null
+++ b/apps/app/components/content/ProseUl.vue
@@ -0,0 +1,5 @@
+<template>
+  <ol class="list-disc list-inside">
+    <slot />
+  </ol>
+</template>
diff --git a/apps/app/public/app/logos/html.svg b/apps/app/public/app/logos/html.svg
new file mode 100644
index 0000000..395458c
--- /dev/null
+++ b/apps/app/public/app/logos/html.svg
@@ -0,0 +1,6 @@
+<svg width="34" height="38" viewBox="0 0 34 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34 0H0L3 34L17 38L31 34L34 0Z" fill="#E65100"/>
+<path d="M17 3V34.9L28.2 31.7L30.7 3H17Z" fill="#FF6D00"/>
+<path d="M17 20V16H25.6L24.9 27.5L17 30.1V25.9L21.1 24.5L21.4 20H17ZM25.9 12L26.2 8H17V12H25.9Z" fill="white"/>
+<path d="M16.9999 25.9V30.1L9.0999 27.5L8.6999 22H12.6999L12.8999 24.5L16.9999 25.9ZM12.0999 12H16.9999V8H7.8999L8.5999 20H16.9999V16H12.3999L12.0999 12Z" fill="#EEEEEE"/>
+</svg>
diff --git a/apps/app/stores/components/defaultAside.ts b/apps/app/stores/components/defaultAside.ts
index 3329633..27d42c5 100644
--- a/apps/app/stores/components/defaultAside.ts
+++ b/apps/app/stores/components/defaultAside.ts
@@ -1,11 +1,11 @@
 import { defineStore } from "pinia";
 
-export type RootState = {
+export type DefaultAside = {
   opened: boolean;
 };
 
 export const useDefaultAsideStore = defineStore("defaultAside", {
-  state: (): RootState => ({
+  state: (): DefaultAside => ({
     opened: false,
   }),
 });
diff --git a/apps/app/stores/components/enrollmentModal.ts b/apps/app/stores/components/enrollmentModal.ts
index 4a5d9bc..ffe26a9 100644
--- a/apps/app/stores/components/enrollmentModal.ts
+++ b/apps/app/stores/components/enrollmentModal.ts
@@ -1,11 +1,11 @@
 import { defineStore } from "pinia";
 
-export type RootState = {
+export type Enrollment = {
   opened: boolean;
 };
 
 export const useEnrollmentModalStore = defineStore("enrollmentModal", {
-  state: (): RootState => ({
+  state: (): Enrollment => ({
     opened: false,
   }),
 });
diff --git a/packages/assets/styles/content.css b/packages/assets/styles/content.css
index 9150e13..879f403 100644
--- a/packages/assets/styles/content.css
+++ b/packages/assets/styles/content.css
@@ -24,14 +24,18 @@
     @apply text-zinc-800 mb-4;
   }
 
-  #nuxt_content p a {
-    @apply font-bold border-b border-pink-500 hover:border-b-[2px];
-  }
-
   #nuxt_content code .line {
     @apply px-4;
   }
 
+  #nuxt_content a code {
+    @apply !border-dashed border-2 hover:border-pink-500;
+  }
+
+  #nuxt_content a a {
+    @apply !border-none;
+  }
+
   #nuxt_content code .line.highlight {
     @apply pl-3 pr-4 border-l-[2px] border-zinc-950 bg-zinc-50;
   }