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