feat: added style component

vue-email · Dec 23, 2023 · 3ea3e0b · 3ea3e0b
1 parent 6022a04
commit 3ea3e0b
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 92 deletions.
diff --git a/package.json b/package.json
@@ -50,8 +50,8 @@
   "dependencies": {
     "@nuxt/kit": "^3.8.2",
     "defu": "^6.1.3",
-    "vue-email": "0.8.4",
-    "@vue-email/compiler": "0.8.3",
+    "vue-email": "^0.8.5",
+    "@vue-email/compiler": "^0.8.4",
     "sirv": "^2.0.3"
   },
   "devDependencies": {

diff --git a/playground/nuxt-layer/emails/github-access-token.vue b/playground/nuxt-layer/emails/github-access-token.vue
@@ -9,7 +9,7 @@ defineProps({
 })
 
 const main = {
-  backgroundColor: '#ffffff',
+  // backgroundColor: '#ffffff',
   color: '#24292e',
   fontFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"',
 } as CSSProperties
@@ -65,7 +65,13 @@ const footer = {
 
 <template>
   <EHtml>
-    <EHead />
+    <EHead>
+      <EStyle>
+        body {
+        background-color: #f6f8fa;
+        }
+      </EStyle>
+    </EHead>
     <EPreview> A fine-grained personal access token has been added to your account </EPreview>
     <EBody :style="main">
       <EContainer :style="container">