Merge pull request #7 from alvarosaburido/bugfix/styling_issues

fix: updating slidev and some css issues

components/LayoutFooter.vue

@@ -19,7 +19,7 @@ const props = defineProps({
 
 const { now } = useNow()
 
-const date = computed(() => now.value.toLocaleDateString('en-US'))
+const date = computed(() => now?.value.toLocaleDateString('en-US'))
 </script>
 <template>
   <footer

layouts/intro.vue

@@ -24,7 +24,7 @@ const props = defineProps({
   <div class="bg-main slidev-layout intro">
     <LayoutHeader :logo-header="logoHeader" />
     <CornerCurves class="absolute left-0 top-0 transform rotate-90" />
-    <div class="flex justify-center text-center">
+    <div class="flex flex-col justify-center text-center">
       <slot />
     </div>
     <LayoutFooter

layouts/new-section.vue

@@ -24,7 +24,7 @@ const props = defineProps({
   <div class="bg-section slidev-layout new-section">
     <LayoutHeader :logo-header="logoHeader" />
     <CornerCurves class="absolute left-0 top-0 transform rotate-90" />
-    <div class="flex justify-center text-center">
+    <div class="flex flex-col justify-center text-center">
       <slot />
     </div>
     <LayoutFooter

package.json

@@ -39,7 +39,7 @@
     "theme-vitesse": "^0.1.11"
   },
   "devDependencies": {
-    "@slidev/cli": "*",
+    "@slidev/cli": "0.20.1",
     "eslint": "^7.27.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-vue": "^7.10.0",

styles/prism.css

@@ -29,25 +29,25 @@ html:not(.dark) {
 }
 
 html.dark {
-  --prism-foreground: #d4cfbf;
-  --prism-background: #1b1b1b;
-  --prism-comment: #758575;
-  --prism-string: #d48372;
-  --prism-literal: #429988;
-  --prism-keyword: #4d9375;
+  --prism-foreground: #88e5c3;
+  --prism-background: #3e5166;
+  --prism-comment: #a0ada0;
+  --prism-string: #f8e4aa;
+  --prism-literal: #2f8a89;
+  --prism-number: #296aa3;
+  --prism-keyword: #ff80bf;
+  --prism-function: #d9e2b1;
   --prism-boolean: #1c6b48;
-  --prism-number: #6394bf;
-  --prism-variable: #c2b36e;
-  --prism-function: #a1b567;
+  --prism-constant: #f8e4aa;
   --prism-deleted: #a14f55;
-  --prism-class: #54b1bf;
-  --prism-builtin: #e0a569;
-  --prism-property: #dd8e6e;
-  --prism-namespace: #db889a;
-  --prism-punctuation: #858585;
+  --prism-class: #88e5c3;
+  --prism-builtin: #ab5959;
+  --prism-property: #b58451;
+  --prism-namespace: #b05a78;
+  --prism-punctuation: #fbfbfb;
   --prism-decorator: #bd8f8f;
   --prism-regex: #ab5e3f;
-  --prism-json-property: #6b8b9e;
+  --prism-json-property: #698c96;
   --prism-line-number: #888888;
   --prism-line-number-gutter: #eeeeee;
   --prism-line-highlight-background: #444444;