From b26850b3249f2c518d3b76215919b78b26e1350c Mon Sep 17 00:00:00 2001
From: Benny Guo <bennyxguo6@gmail.com>
Date: Thu, 10 Aug 2023 00:19:17 +0800
Subject: [PATCH] fix: prism highlight custom css is overwritten by default

---
 src/components/PageContent.vue | 1 +
 src/styles/index.scss          | 1 -
 src/views/Links.vue            | 1 +
 src/views/Post.vue             | 2 +-
 4 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/PageContent.vue b/src/components/PageContent.vue
index 72d06e03..8177e9d9 100644
--- a/src/components/PageContent.vue
+++ b/src/components/PageContent.vue
@@ -72,6 +72,7 @@
 </template>
 
 <script lang="ts">
+import '@/styles/prism-aurora-future.css'
 import {
   Ref,
   computed,
diff --git a/src/styles/index.scss b/src/styles/index.scss
index dda9b5c4..9b205a83 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -13,7 +13,6 @@
 @import 'tailwindcss/utilities';
 
 @import './transitions.scss';
-@import './prism-aurora-future.css';
 
 .stroke-ob-bright {
   stroke: var(--text-bright) !important;
diff --git a/src/views/Links.vue b/src/views/Links.vue
index fa787329..d6b99d8b 100644
--- a/src/views/Links.vue
+++ b/src/views/Links.vue
@@ -91,6 +91,7 @@
 </template>
 
 <script lang="ts">
+import '@/styles/prism-aurora-future.css'
 import { Ref, computed, defineComponent, nextTick, onMounted, ref } from 'vue'
 import PostStats from '@/components/Post/PostStats.vue'
 import LinkBox from '@/components/Link/LinkBox.vue'
diff --git a/src/views/Post.vue b/src/views/Post.vue
index 034ac037..a2509490 100644
--- a/src/views/Post.vue
+++ b/src/views/Post.vue
@@ -174,6 +174,7 @@
 </template>
 
 <script lang="ts">
+import '@/styles/prism-aurora-future.css'
 import { Sidebar, Toc, Profile } from '@/components/Sidebar'
 import { Post } from '@/models/Post.class'
 import { usePostStore } from '@/stores/post'
@@ -186,7 +187,6 @@ import { Article } from '@/components/ArticleCard'
 import { useMetaStore } from '@/stores/meta'
 import { useAppStore } from '@/stores/app'
 import { useCommonStore } from '@/stores/common'
-
 import SvgIcon, { SvgTypes } from '@/components/SvgIcon/index.vue'
 import PostStats from '@/components/Post/PostStats.vue'