From 77c2a7cd71efea318f4fd7ba0ee54b32e9c8f7ba Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Thu, 14 Jul 2022 23:32:00 +0900
Subject: [PATCH] refactor(client): remove useCssModule (#8999)
* refactor(client): remove useCssModule()
* use MkStickyContainer
* Revert "use MkStickyContainer"
This reverts commit 639746786bb7e3342db9cbd3452854fc29aacf88.
---
packages/client/src/components/global/loading.vue | 4 +---
packages/client/src/components/mention.vue | 4 +---
2 files changed, 2 insertions(+), 6 deletions(-)
diff --git a/packages/client/src/components/global/loading.vue b/packages/client/src/components/global/loading.vue
index 5a7e362fcf..bcc6dfac01 100644
--- a/packages/client/src/components/global/loading.vue
+++ b/packages/client/src/components/global/loading.vue
@@ -16,9 +16,7 @@
</template>
<script lang="ts" setup>
-import { useCssModule } from 'vue';
-
-useCssModule();
+import { } from 'vue';
const props = withDefaults(defineProps<{
inline?: boolean;
diff --git a/packages/client/src/components/mention.vue b/packages/client/src/components/mention.vue
index cf69437771..3091b435e4 100644
--- a/packages/client/src/components/mention.vue
+++ b/packages/client/src/components/mention.vue
@@ -16,7 +16,7 @@
<script lang="ts" setup>
import { toUnicode } from 'punycode';
-import { useCssModule } from 'vue';
+import { } from 'vue';
import tinycolor from 'tinycolor2';
import { host as localHost } from '@/config';
import { $i } from '@/account';
@@ -37,8 +37,6 @@ const isMe = $i && (
const bg = tinycolor(getComputedStyle(document.documentElement).getPropertyValue(isMe ? '--mentionMe' : '--mention'));
bg.setAlpha(0.1);
const bgCss = bg.toRgbString();
-
-useCssModule();
</script>
<style lang="scss" scoped>