fix: rootstate error

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>
 

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>

apps/app/components/content/ProseUl.vue

@@ -0,0 +1,5 @@
+<template>
+  <ol class="list-disc list-inside">
+    <slot />
+  </ol>
+</template>

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,
   }),
 });

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,
   }),
 });

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;
   }