From eac33e1a4e552b95a4e5fccdf5d464a807971a19 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Wed, 31 May 2023 14:11:45 -0700
Subject: [PATCH] fix: web component styles

---
 components/Auth.ce.vue            | 7 +++++++
 components/CallbackHandler.ce.vue | 7 +++++++
 components/KeyActions.ce.vue      | 7 +++++++
 components/Launchpad.ce.vue       | 7 +++++++
 components/PluginPromo.ce.vue     | 7 +++++++
 components/WanIpCheck.ce.vue      | 7 +++++++
 6 files changed, 42 insertions(+)

diff --git a/components/Auth.ce.vue b/components/Auth.ce.vue
index 04410d360..8f6ed99e7 100644
--- a/components/Auth.ce.vue
+++ b/components/Auth.ce.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
 </script>
 
@@ -7,3 +8,9 @@ import '~/assets/main.css';
     Auth.ce
   </div>
 </template>
+
+<style lang="postcss">
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+</style>
diff --git a/components/CallbackHandler.ce.vue b/components/CallbackHandler.ce.vue
index 4efe6f4ac..42edfd5e1 100644
--- a/components/CallbackHandler.ce.vue
+++ b/components/CallbackHandler.ce.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useCallbackStore } from '~/store/callback';
+import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
 import { storeToRefs } from 'pinia';
 
@@ -18,3 +19,9 @@ onBeforeMount(() => {
     <pre>{{ JSON.stringify(decryptedData, null, 2) }}</pre>
   </div>
 </template>
+
+<style lang="postcss">
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+</style>
diff --git a/components/KeyActions.ce.vue b/components/KeyActions.ce.vue
index c5c29a59a..187deb47b 100644
--- a/components/KeyActions.ce.vue
+++ b/components/KeyActions.ce.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
 </script>
 
@@ -7,3 +8,9 @@ import '~/assets/main.css';
     KeyActions.ce
   </div>
 </template>
+
+<style lang="postcss">
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+</style>
diff --git a/components/Launchpad.ce.vue b/components/Launchpad.ce.vue
index 187246cab..8dce649b4 100644
--- a/components/Launchpad.ce.vue
+++ b/components/Launchpad.ce.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
 </script>
 
@@ -7,3 +8,9 @@ import '~/assets/main.css';
     Launchpad.ce
   </div>
 </template>
+
+<style lang="postcss">
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+</style>
diff --git a/components/PluginPromo.ce.vue b/components/PluginPromo.ce.vue
index adf935964..7650615eb 100644
--- a/components/PluginPromo.ce.vue
+++ b/components/PluginPromo.ce.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
 </script>
 
@@ -7,3 +8,9 @@ import '~/assets/main.css';
     PluginPromo.ce
   </div>
 </template>
+
+<style lang="postcss">
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+</style>
diff --git a/components/WanIpCheck.ce.vue b/components/WanIpCheck.ce.vue
index 1857d7fcc..e9bf79ba8 100644
--- a/components/WanIpCheck.ce.vue
+++ b/components/WanIpCheck.ce.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import 'tailwindcss/tailwind.css';
 import '~/assets/main.css';
 </script>
 
@@ -7,3 +8,9 @@ import '~/assets/main.css';
     WanIpCheck.ce
   </div>
 </template>
+
+<style lang="postcss">
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+</style>