change layout and code font familyt

components.d.ts

@@ -1,8 +1,11 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
-// Read more: https://github.com/vuejs/vue-next/pull/3399
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
 
-declare module 'vue' {
+export {}
+
+declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     AboutMe: typeof import('./src/components/presentation/about-me.vue')['default']
     AppHeader: typeof import('./src/components/app-header.vue')['default']
@@ -13,8 +16,8 @@ declare module 'vue' {
     MyBooks: typeof import('./src/components/presentation/my-books.vue')['default']
     MyProjects: typeof import('./src/components/presentation/my-projects.vue')['default']
     ProductionFlow: typeof import('./src/components/flow/ProductionFlow.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
     Welcome: typeof import('./src/components/Welcome.vue')['default']
   }
 }
-
-export { }

src/assets/base.scss

@@ -36,6 +36,8 @@
 
   --section-gap: 160px;
   --primary: hsl(229, 90%, 28%);
+
+  --code-font-family: "Cousine", monospace;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -66,7 +68,7 @@ body {
   color: var(--color-text);
   background: var(--color-background);
   transition: color 0.5s, background-color 0.5s;
-  line-height: 1.6;
+  line-height: 1.3;
   font-family: "Gulzar", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
     serif;
   font-size: 22px;
@@ -104,3 +106,7 @@ h2 {
 strong {
   font-weight: bold;
 }
+
+code {
+  font-family: var(--code-font-family);
+}

src/components/architecture/crc-card.vue

@@ -42,7 +42,7 @@ withDefaults(defineProps<Props>(), {
   padding: 1rem;
   margin: 1rem 0;
   border-radius: 15px;
-  font-family: 'Cousine', monospace;
+  font-family: var(--code-font-family);
 
   hr {
     margin-bottom: 1rem;

src/layouts/post.vue

@@ -20,7 +20,7 @@ const { frontmatter } = usePage()
 }
 
 article#main-article {
-  max-width: 680px;
+  max-width: 740px;
   margin: auto;
   padding: 1rem;
   text-align: justify;
@@ -40,6 +40,10 @@ h7 {
   margin-bottom: 0.5rem;
 }
 
+p {
+  margin-bottom: 1rem;
+}
+
 img {
   width: 100%;
   max-height: 40vh;