updates, tweaks

assets/styles/components/_section.scss

@@ -3,6 +3,7 @@
   flex-direction: column;
   color: #eee;
   min-height: 100vh;
+  background-color: #313131;
 
   .section-expand {
     flex-grow: 1;

package.json

@@ -8,15 +8,15 @@
     "postinstall": "nuxt prepare"
   },
   "devDependencies": {
-    "@types/marked": "^4.0.7",
-    "marked": "^4.2.3",
-    "nuxt": "^3.0.0",
-    "prettier": "^2.8.0",
-    "yaml": "^2.1.3"
+    "@types/marked": "^4.0.8",
+    "marked": "^4.3.0",
+    "nuxt": "^3.3.3",
+    "prettier": "^2.8.7",
+    "yaml": "^2.2.1"
   },
   "dependencies": {
     "feed": "^4.2.2",
     "highlight.js": "^11.7.0",
-    "sass": "^1.56.1"
+    "sass": "^1.60.0"
   }
 }

pages/index.vue

@@ -179,8 +179,8 @@ const socialLinks = [
   },
 ];
 
-const currentYear = new Date().getFullYear();
-const evertAge = (() => {
+const currentYear = computed(() => new Date().getFullYear());
+const evertAge = computed(() => {
   const today = new Date();
   const birthDate = new Date('2000-04-18');
   let age = today.getFullYear() - birthDate.getFullYear();
@@ -189,5 +189,5 @@ const evertAge = (() => {
     age--;
   }
   return age;
-})();
+});
 </script>