Merge branch 'main' into feature/message_control

This reverts commit aea4f59af7.

backend/src/main/java/com/openisle/model/User.java

@@ -7,6 +7,7 @@ import lombok.Setter;
 import org.hibernate.annotations.CreationTimestamp;
 
 import java.time.LocalDateTime;
+import java.util.EnumSet;
 import java.util.HashSet;
 import java.util.Set;
 
@@ -68,7 +69,10 @@ public class User {
     @CollectionTable(name = "user_disabled_notification_types", joinColumns = @JoinColumn(name = "user_id"))
     @Column(name = "notification_type")
     @Enumerated(EnumType.STRING)
-    private Set<NotificationType> disabledNotificationTypes = new HashSet<>();
+    private Set<NotificationType> disabledNotificationTypes = EnumSet.of(
+            NotificationType.POST_VIEWED,
+            NotificationType.USER_ACTIVITY
+    );
 
     @CreationTimestamp
     @Column(nullable = false, updatable = false,

frontend_nuxt/components/AchievementList.vue

@@ -37,8 +37,8 @@
 
 <script setup>
 import { computed } from 'vue'
-import { API_BASE_URL, toast } from '../main'
-import { getToken } from '../utils/auth'
+import { API_BASE_URL, toast } from '~/main'
+import { getToken } from '~/utils/auth'
 
 const props = defineProps({
   medals: {

frontend_nuxt/components/CommentEditor.vue

@@ -14,15 +14,15 @@
 </template>
 
 <script>
-import { ref, onMounted, computed, watch, onUnmounted, useId } from 'vue'
-import { themeState } from '../utils/theme'
+import { computed, onMounted, onUnmounted, ref, useId, watch } from 'vue'
+import { clearVditorStorage } from '~/utils/clearVditorStorage'
+import { themeState } from '~/utils/theme'
 import {
   createVditor,
   getEditorTheme as getEditorThemeUtil,
   getPreviewTheme as getPreviewThemeUtil,
-} from '../utils/vditor'
-import LoginOverlay from './LoginOverlay.vue'
-import { clearVditorStorage } from '../utils/clearVditorStorage'
+} from '~/utils/vditor'
+import LoginOverlay from '~/components/LoginOverlay.vue'
 
 export default {
   name: 'CommentEditor',

frontend_nuxt/components/CommentItem.vue

@@ -89,19 +89,19 @@
 </template>
 
 <script>
-import { ref, watch, computed, nextTick } from 'vue'
+import { computed, ref, watch } from 'vue'
 import VueEasyLightbox from 'vue-easy-lightbox'
 import { useRouter } from 'vue-router'
-import CommentEditor from './CommentEditor.vue'
-import { renderMarkdown, handleMarkdownClick } from '../utils/markdown'
-import { getMedalTitle } from '../utils/medal'
-import TimeManager from '../utils/time'
-import BaseTimeline from './BaseTimeline.vue'
-import { API_BASE_URL, toast } from '../main'
-import { getToken, authState } from '../utils/auth'
-import ReactionsGroup from './ReactionsGroup.vue'
-import DropdownMenu from './DropdownMenu.vue'
-import LoginOverlay from './LoginOverlay.vue'
+import { API_BASE_URL, toast } from '~/main'
+import { authState, getToken } from '~/utils/auth'
+import { handleMarkdownClick, renderMarkdown } from '~/utils/markdown'
+import { getMedalTitle } from '~/utils/medal'
+import TimeManager from '~/utils/time'
+import BaseTimeline from '~/components/BaseTimeline.vue'
+import CommentEditor from '~/components/CommentEditor.vue'
+import DropdownMenu from '~/components/DropdownMenu.vue'
+import LoginOverlay from '~/components/LoginOverlay.vue'
+import ReactionsGroup from '~/components/ReactionsGroup.vue'
 
 const CommentItem = {
   name: 'CommentItem',

frontend_nuxt/components/GlobalPopups.vue

@@ -6,6 +6,7 @@
       text="建站送奶茶活动火热进行中，快来参与吧！"
       @close="closeMilkTeaPopup"
     />
+    <NotificationSettingPopup :visible="showNotificationPopup" @close="closeNotificationPopup" />
     <MedalPopup :visible="showMedalPopup" :medals="newMedals" @close="closeMedalPopup" />
   </div>
 </template>
@@ -13,25 +14,30 @@
 <script>
 import ActivityPopup from '~/components/ActivityPopup.vue'
 import MedalPopup from '~/components/MedalPopup.vue'
+import NotificationSettingPopup from '~/components/NotificationSettingPopup.vue'
 import { API_BASE_URL } from '~/main'
 import { authState } from '~/utils/auth'
 
 export default {
   name: 'GlobalPopups',
-  components: { ActivityPopup, MedalPopup },
+  components: { ActivityPopup, MedalPopup, NotificationSettingPopup },
   data() {
     return {
       showMilkTeaPopup: false,
       milkTeaIcon: '',
+      showNotificationPopup: false,
       showMedalPopup: false,
       newMedals: [],
     }
   },
   async mounted() {
     await this.checkMilkTeaActivity()
-    if (!this.showMilkTeaPopup) {
-      await this.checkNewMedals()
-    }
+    if (this.showMilkTeaPopup) return
+
+    await this.checkNotificationSetting()
+    if (this.showNotificationPopup) return
+
+    await this.checkNewMedals()
   },
   methods: {
     async checkMilkTeaActivity() {
@@ -55,6 +61,18 @@ export default {
       if (!process.client) return
       localStorage.setItem('milkTeaActivityPopupShown', 'true')
       this.showMilkTeaPopup = false
+      this.checkNotificationSetting()
+    },
+    async checkNotificationSetting() {
+      if (!process.client) return
+      if (!authState.loggedIn) return
+      if (localStorage.getItem('notificationSettingPopupShown')) return
+      this.showNotificationPopup = true
+    },
+    closeNotificationPopup() {
+      if (!process.client) return
+      localStorage.setItem('notificationSettingPopupShown', 'true')
+      this.showNotificationPopup = false
       this.checkNewMedals()
     },
     async checkNewMedals() {

frontend_nuxt/components/LevelProgress.vue

@@ -10,8 +10,8 @@
 </template>
 
 <script>
-import ProgressBar from './ProgressBar.vue'
-import { prevLevelExp } from '../utils/level'
+import { prevLevelExp } from '~/utils/level'
+import ProgressBar from '~/components/ProgressBar.vue'
 export default {
   name: 'LevelProgress',
   components: { ProgressBar },

frontend_nuxt/components/MilkTeaActivityComponent.vue

@@ -58,12 +58,12 @@
 </template>
 
 <script>
-import ProgressBar from './ProgressBar.vue'
-import LevelProgress from './LevelProgress.vue'
-import BaseInput from './BaseInput.vue'
-import BasePopup from './BasePopup.vue'
-import { API_BASE_URL, toast } from '../main'
-import { getToken, fetchCurrentUser } from '../utils/auth'
+import { API_BASE_URL, toast } from '~/main'
+import { fetchCurrentUser, getToken } from '~/utils/auth'
+import BaseInput from '~/components/BaseInput.vue'
+import BasePopup from '~/components/BasePopup.vue'
+import LevelProgress from '~/components/LevelProgress.vue'
+import ProgressBar from '~/components/ProgressBar.vue'
 
 export default {
   name: 'MilkTeaActivityComponent',
@@ -218,24 +218,30 @@ export default {
   border-radius: 10px;
   cursor: pointer;
 }
+
 .redeem-submit-button:disabled {
   background-color: var(--primary-color-disabled);
   cursor: not-allowed;
 }
+
 .redeem-submit-button:hover {
   background-color: var(--primary-color-hover);
 }
+
 .redeem-submit-button:disabled:hover {
   background-color: var(--primary-color-disabled);
 }
+
 .redeem-cancel-button {
   color: var(--primary-color);
   border-radius: 10px;
   cursor: pointer;
 }
+
 .redeem-cancel-button:hover {
   text-decoration: underline;
 }
+
 .user-level-text {
   opacity: 0.8;
   font-size: 12px;

frontend_nuxt/components/NotificationContainer.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import { useIsMobile } from '../utils/screen'
+import { useIsMobile } from '~/utils/screen'
 export default {
   name: 'NotificationContainer',
   props: {

frontend_nuxt/components/NotificationSettingPopup.vue

@@ -0,0 +1,82 @@
+<template>
+  <BasePopup :visible="visible" @close="close">
+    <div class="notification-popup">
+      <div class="notification-popup-title">🎉 通知设置上线啦</div>
+      <div class="notification-popup-text">现在可以在消息 -> 消息设置中调整通知类型</div>
+      <div class="notification-popup-actions">
+        <div class="notification-popup-close" @click="close">知道了</div>
+        <div class="notification-popup-button" @click="gotoSetting">去看看</div>
+      </div>
+    </div>
+  </BasePopup>
+</template>
+
+<script>
+import BasePopup from '~/components/BasePopup.vue'
+import { useRouter } from 'vue-router'
+
+export default {
+  name: 'NotificationSettingPopup',
+  components: { BasePopup },
+  props: {
+    visible: { type: Boolean, default: false },
+  },
+  emits: ['close'],
+  setup(props, { emit }) {
+    const router = useRouter()
+    const gotoSetting = () => {
+      emit('close')
+      router.push('/message?tab=control')
+    }
+    const close = () => emit('close')
+    return { gotoSetting, close }
+  },
+}
+</script>
+
+<style scoped>
+.notification-popup {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 10px;
+  min-width: 200px;
+}
+
+.notification-popup-title {
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.notification-popup-actions {
+  margin-top: 10px;
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+}
+
+.notification-popup-button {
+  background-color: var(--primary-color);
+  color: #fff;
+  padding: 8px 16px;
+  border-radius: 8px;
+  cursor: pointer;
+}
+
+.notification-popup-button:hover {
+  background-color: var(--primary-color-hover);
+}
+
+.notification-popup-close {
+  cursor: pointer;
+  color: var(--primary-color);
+  display: flex;
+  align-items: center;
+}
+
+.notification-popup-close:hover {
+  text-decoration: underline;
+}
+</style>

frontend_nuxt/components/PostEditor.vue

@@ -8,14 +8,14 @@
 </template>
 
 <script>
-import { ref, onMounted, watch, onUnmounted, useId } from 'vue'
-import { themeState } from '../utils/theme'
+import { onMounted, onUnmounted, ref, useId, watch } from 'vue'
+import { clearVditorStorage } from '~/utils/clearVditorStorage'
+import { themeState } from '~/utils/theme'
 import {
   createVditor,
   getEditorTheme as getEditorThemeUtil,
   getPreviewTheme as getPreviewThemeUtil,
-} from '../utils/vditor'
-import { clearVditorStorage } from '../utils/clearVditorStorage'
+} from '~/utils/vditor'
 
 export default {
   name: 'PostEditor',

frontend_nuxt/components/ReactionsGroup.vue

@@ -47,10 +47,10 @@
 </template>
 
 <script>
-import { ref, computed, watch, onMounted } from 'vue'
-import { API_BASE_URL, toast } from '../main'
-import { getToken, authState } from '../utils/auth'
-import { reactionEmojiMap } from '../utils/reactions'
+import { computed, onMounted, ref, watch } from 'vue'
+import { API_BASE_URL, toast } from '~/main'
+import { authState, getToken } from '~/utils/auth'
+import { reactionEmojiMap } from '~/utils/reactions'
 
 let cachedTypes = null
 const fetchTypes = async () => {

frontend_nuxt/components/UserList.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import BasePlaceholder from './BasePlaceholder.vue'
+import BasePlaceholder from '~/components/BasePlaceholder.vue'
 
 export default {
   name: 'UserList',

frontend_nuxt/jsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "baseUrl": ".",
+    "paths": {
+      "~/*": ["./*"]
+    }
+  },
+  "include": ["./**/*.js", "./**/*.vue"],
+  "exclude": ["node_modules"]
+}

frontend_nuxt/pages/about/index.vue

@@ -23,8 +23,8 @@
 </template>
 
 <script>
-import { ref, onMounted } from 'vue'
-import { renderMarkdown, handleMarkdownClick } from '../utils/markdown'
+import { onMounted, ref } from 'vue'
+import { handleMarkdownClick, renderMarkdown } from '~/utils/markdown'
 
 export default {
   name: 'AboutPageView',

frontend_nuxt/pages/about/stats.vue

@@ -30,19 +30,19 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
-import VChart from 'vue-echarts'
-import { use } from 'echarts/core'
 import { LineChart } from 'echarts/charts'
 import {
+  DataZoomComponent,
+  GridComponent,
   TitleComponent,
   TooltipComponent,
-  GridComponent,
-  DataZoomComponent,
 } from 'echarts/components'
+import { use } from 'echarts/core'
 import { CanvasRenderer } from 'echarts/renderers'
-import { API_BASE_URL } from '../main'
-import { getToken } from '../utils/auth'
+import { onMounted, ref } from 'vue'
+import VChart from 'vue-echarts'
+import { API_BASE_URL } from '~/main'
+import { getToken } from '~/utils/auth'
 
 use([LineChart, TitleComponent, TooltipComponent, GridComponent, DataZoomComponent, CanvasRenderer])
 

frontend_nuxt/pages/activities.vue

@@ -30,9 +30,9 @@
 </template>
 
 <script>
-import { API_BASE_URL } from '../main'
-import TimeManager from '../utils/time'
-import MilkTeaActivityComponent from '../components/MilkTeaActivityComponent.vue'
+import { API_BASE_URL } from '~/main'
+import TimeManager from '~/utils/time'
+import MilkTeaActivityComponent from '~/components/MilkTeaActivityComponent.vue'
 
 export default {
   name: 'ActivityListPageView',

frontend_nuxt/pages/discord-callback.vue

@@ -3,8 +3,8 @@
 </template>
 
 <script>
-import CallbackPage from '../components/CallbackPage.vue'
-import { discordExchange } from '../utils/discord'
+import CallbackPage from '~/components/CallbackPage.vue'
+import { discordExchange } from '~/utils/discord'
 
 export default {
   name: 'DiscordCallbackPageView',

frontend_nuxt/pages/forgot-password.vue

@@ -24,8 +24,8 @@
 </template>
 
 <script>
-import { API_BASE_URL, toast } from '../main'
-import BaseInput from '../components/BaseInput.vue'
+import { API_BASE_URL, toast } from '~/main'
+import BaseInput from '~/components/BaseInput.vue'
 export default {
   name: 'ForgotPasswordPageView',
   components: { BaseInput },

frontend_nuxt/pages/github-callback.vue

@@ -3,8 +3,8 @@
 </template>
 
 <script>
-import CallbackPage from '../components/CallbackPage.vue'
-import { githubExchange } from '../utils/github'
+import CallbackPage from '~/components/CallbackPage.vue'
+import { githubExchange } from '~/utils/github'
 
 export default {
   name: 'GithubCallbackPageView',

frontend_nuxt/pages/google-callback.vue

@@ -3,8 +3,8 @@
 </template>
 
 <script>
-import CallbackPage from '../components/CallbackPage.vue'
-import { googleAuthWithToken } from '../utils/google'
+import CallbackPage from '~/components/CallbackPage.vue'
+import { googleAuthWithToken } from '~/utils/google'
 
 export default {
   name: 'GoogleCallbackPageView',

frontend_nuxt/pages/login.vue

@@ -52,14 +52,14 @@
 </template>
 
 <script>
-import { API_BASE_URL, toast } from '../main'
-import { setToken, loadCurrentUser } from '../utils/auth'
-import { googleAuthorize } from '../utils/google'
-import { githubAuthorize } from '../utils/github'
-import { discordAuthorize } from '../utils/discord'
-import { twitterAuthorize } from '../utils/twitter'
-import BaseInput from '../components/BaseInput.vue'
-import { registerPush } from '../utils/push'
+import { API_BASE_URL, toast } from '~/main'
+import { setToken, loadCurrentUser } from '~/utils/auth'
+import { googleAuthorize } from '~/utils/google'
+import { githubAuthorize } from '~/utils/github'
+import { discordAuthorize } from '~/utils/discord'
+import { twitterAuthorize } from '~/utils/twitter'
+import BaseInput from '~/components/BaseInput.vue'
+import { registerPush } from '~/utils/push'
 export default {
   name: 'LoginPageView',
   components: { BaseInput },

frontend_nuxt/pages/message.vue

@@ -481,31 +481,28 @@
 <script>
 import { ref, onMounted, computed } from 'vue'
 import { useRouter } from 'vue-router'
-import { API_BASE_URL } from '../main'
-import BaseTimeline from '../components/BaseTimeline.vue'
-import BasePlaceholder from '../components/BasePlaceholder.vue'
-import NotificationContainer from '../components/NotificationContainer.vue'
-import { getToken, authState } from '../utils/auth'
-import {
-  markNotificationsRead,
-  fetchUnreadCount,
-  notificationState,
-  fetchNotificationPreferences,
-  updateNotificationPreference,
-} from '../utils/notification'
-import { toast } from '../main'
-import { stripMarkdownLength } from '../utils/markdown'
-import TimeManager from '../utils/time'
-import { reactionEmojiMap } from '../utils/reactions'
+import { API_BASE_URL } from '~/main'
+import BaseTimeline from '~/components/BaseTimeline.vue'
+import BasePlaceholder from '~/components/BasePlaceholder.vue'
+import NotificationContainer from '~/components/NotificationContainer.vue'
+import { getToken, authState } from '~/utils/auth'
+import { markNotificationsRead, fetchUnreadCount, notificationState } from '~/utils/notification'
+import { toast } from '~/main'
+import { stripMarkdownLength } from '~/utils/markdown'
+import TimeManager from '~/utils/time'
+import { reactionEmojiMap } from '~/utils/reactions'
 
 export default {
   name: 'MessagePageView',
   components: { BaseTimeline, BasePlaceholder, NotificationContainer },
   setup() {
     const router = useRouter()
+    const route = useRoute()
     const notifications = ref([])
     const isLoadingMessage = ref(false)
-    const selectedTab = ref('unread')
+    const selectedTab = ref(
+      ['all', 'unread', 'control'].includes(route.query.tab) ? route.query.tab : 'unread',
+    )
     const notificationPrefs = ref([])
     const filteredNotifications = computed(() =>
       selectedTab.value === 'all'
@@ -790,6 +787,10 @@ export default {
           return '关注的用户有新动态'
         case 'MENTION':
           return '有人提到了你'
+        case 'REGISTER_REQUEST':
+          return '有人申请注册'
+        case 'ACTIVITY_REDEEM':
+          return '有人申请兑换奶茶'
         default:
           return t
       }

frontend_nuxt/pages/new-post.vue

@@ -78,18 +78,18 @@
 </template>
 
 <script>
-import { ref, onMounted, computed, watch } from 'vue'
-import PostEditor from '../components/PostEditor.vue'
-import CategorySelect from '../components/CategorySelect.vue'
-import TagSelect from '../components/TagSelect.vue'
-import PostTypeSelect from '../components/PostTypeSelect.vue'
-import AvatarCropper from '../components/AvatarCropper.vue'
-import FlatPickr from 'vue-flatpickr-component'
 import 'flatpickr/dist/flatpickr.css'
-import { API_BASE_URL, toast } from '../main'
-import { getToken, authState } from '../utils/auth'
-import LoginOverlay from '../components/LoginOverlay.vue'
-import BaseInput from '../components/BaseInput.vue'
+import { computed, onMounted, ref, watch } from 'vue'
+import FlatPickr from 'vue-flatpickr-component'
+import AvatarCropper from '~/components/AvatarCropper.vue'
+import BaseInput from '~/components/BaseInput.vue'
+import CategorySelect from '~/components/CategorySelect.vue'
+import LoginOverlay from '~/components/LoginOverlay.vue'
+import PostEditor from '~/components/PostEditor.vue'
+import PostTypeSelect from '~/components/PostTypeSelect.vue'
+import TagSelect from '~/components/TagSelect.vue'
+import { API_BASE_URL, toast } from '~/main'
+import { authState, getToken } from '~/utils/auth'
 
 export default {
   name: 'NewPostPageView',

frontend_nuxt/pages/posts/[id]/edit.vue

@@ -38,12 +38,12 @@
 <script>
 import { ref, onMounted, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import PostEditor from '../../../components/PostEditor.vue'
-import CategorySelect from '../../../components/CategorySelect.vue'
-import TagSelect from '../../../components/TagSelect.vue'
-import { API_BASE_URL, toast } from '../../../main'
-import { getToken, authState } from '../../../utils/auth'
-import LoginOverlay from '../../../components/LoginOverlay.vue'
+import PostEditor from '~/components/PostEditor.vue'
+import CategorySelect from '~/components/CategorySelect.vue'
+import TagSelect from '~/components/TagSelect.vue'
+import { API_BASE_URL, toast } from '~/main'
+import { getToken, authState } from '~/utils/auth'
+import LoginOverlay from '~/components/LoginOverlay.vue'
 
 export default {
   name: 'EditPostPageView',

frontend_nuxt/pages/posts/[id]/index.vue

@@ -234,21 +234,21 @@
 import { ref, computed, onMounted, onBeforeUnmount, nextTick, watch } from 'vue'
 import VueEasyLightbox from 'vue-easy-lightbox'
 import { useRoute } from 'vue-router'
-import CommentItem from '../../../components/CommentItem.vue'
-import CommentEditor from '../../../components/CommentEditor.vue'
-import BaseTimeline from '../../../components/BaseTimeline.vue'
-import ArticleTags from '../../../components/ArticleTags.vue'
-import ArticleCategory from '../../../components/ArticleCategory.vue'
-import ReactionsGroup from '../../../components/ReactionsGroup.vue'
-import DropdownMenu from '../../../components/DropdownMenu.vue'
-import { renderMarkdown, handleMarkdownClick, stripMarkdownLength } from '../../../utils/markdown'
-import { getMedalTitle } from '../../../utils/medal'
-import { API_BASE_URL, toast } from '../../../main'
-import { getToken, authState } from '../../../utils/auth'
-import TimeManager from '../../../utils/time'
+import CommentItem from '~/components/CommentItem.vue'
+import CommentEditor from '~/components/CommentEditor.vue'
+import BaseTimeline from '~/components/BaseTimeline.vue'
+import ArticleTags from '~/components/ArticleTags.vue'
+import ArticleCategory from '~/components/ArticleCategory.vue'
+import ReactionsGroup from '~/components/ReactionsGroup.vue'
+import DropdownMenu from '~/components/DropdownMenu.vue'
+import { renderMarkdown, handleMarkdownClick, stripMarkdownLength } from '~/utils/markdown'
+import { getMedalTitle } from '~/utils/medal'
+import { API_BASE_URL, toast } from '~/main'
+import { getToken, authState } from '~/utils/auth'
+import TimeManager from '~/utils/time'
 import { useRouter } from 'vue-router'
-import { useIsMobile } from '../../../utils/screen'
-import Dropdown from '../../../components/Dropdown.vue'
+import { useIsMobile } from '~/utils/screen'
+import Dropdown from '~/components/Dropdown.vue'
 
 export default {
   name: 'PostPageView',

frontend_nuxt/pages/settings.vue

@@ -65,11 +65,11 @@
 </template>
 
 <script>
-import { API_BASE_URL, toast } from '../main'
-import { getToken, fetchCurrentUser, setToken } from '../utils/auth'
-import BaseInput from '../components/BaseInput.vue'
-import Dropdown from '../components/Dropdown.vue'
-import AvatarCropper from '../components/AvatarCropper.vue'
+import AvatarCropper from '~/components/AvatarCropper.vue'
+import BaseInput from '~/components/BaseInput.vue'
+import Dropdown from '~/components/Dropdown.vue'
+import { API_BASE_URL, toast } from '~/main'
+import { fetchCurrentUser, getToken, setToken } from '~/utils/auth'
 export default {
   name: 'SettingsPageView',
   components: { BaseInput, Dropdown, AvatarCropper },

frontend_nuxt/pages/signup-reason.vue

@@ -19,8 +19,8 @@
 </template>
 
 <script>
-import BaseInput from '../components/BaseInput.vue'
-import { API_BASE_URL, toast } from '../main'
+import BaseInput from '~/components/BaseInput.vue'
+import { API_BASE_URL, toast } from '~/main'
 
 export default {
   name: 'SignupReasonPageView',

frontend_nuxt/pages/signup.vue

@@ -70,19 +70,19 @@
 
     <div class="other-signup-page-content">
       <div class="signup-page-button" @click="googleAuthorize">
-        <img class="signup-page-button-icon" src="../assets/icons/google.svg" alt="Google Logo" />
+        <img class="signup-page-button-icon" src="~/assets/icons/google.svg" alt="Google Logo" />
         <div class="signup-page-button-text">Google 注册</div>
       </div>
       <div class="signup-page-button" @click="signupWithGithub">
-        <img class="signup-page-button-icon" src="../assets/icons/github.svg" alt="GitHub Logo" />
+        <img class="signup-page-button-icon" src="~/assets/icons/github.svg" alt="GitHub Logo" />
         <div class="signup-page-button-text">GitHub 注册</div>
       </div>
       <div class="signup-page-button" @click="signupWithDiscord">
-        <img class="signup-page-button-icon" src="../assets/icons/discord.svg" alt="Discord Logo" />
+        <img class="signup-page-button-icon" src="~/assets/icons/discord.svg" alt="Discord Logo" />
         <div class="signup-page-button-text">Discord 注册</div>
       </div>
       <div class="signup-page-button" @click="signupWithTwitter">
-        <img class="signup-page-button-icon" src="../assets/icons/twitter.svg" alt="Twitter Logo" />
+        <img class="signup-page-button-icon" src="~/assets/icons/twitter.svg" alt="Twitter Logo" />
         <div class="signup-page-button-text">Twitter 注册</div>
       </div>
     </div>
@@ -90,12 +90,12 @@
 </template>
 
 <script>
-import { API_BASE_URL, toast } from '../main'
-import { googleAuthorize } from '../utils/google'
-import { githubAuthorize } from '../utils/github'
-import { discordAuthorize } from '../utils/discord'
-import { twitterAuthorize } from '../utils/twitter'
-import BaseInput from '../components/BaseInput.vue'
+import BaseInput from '~/components/BaseInput.vue'
+import { API_BASE_URL, toast } from '~/main'
+import { discordAuthorize } from '~/utils/discord'
+import { githubAuthorize } from '~/utils/github'
+import { googleAuthorize } from '~/utils/google'
+import { twitterAuthorize } from '~/utils/twitter'
 export default {
   name: 'SignupPageView',
   components: { BaseInput },

frontend_nuxt/pages/twitter-callback.vue

@@ -3,8 +3,8 @@
 </template>
 
 <script>
-import CallbackPage from '../components/CallbackPage.vue'
-import { twitterExchange } from '../utils/twitter'
+import CallbackPage from '~/components/CallbackPage.vue'
+import { twitterExchange } from '~/utils/twitter'
 
 export default {
   name: 'TwitterCallbackPageView',

frontend_nuxt/pages/users/[id].vue

@@ -299,16 +299,16 @@
 <script>
 import { ref, computed, onMounted, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { API_BASE_URL, toast } from '../main'
-import { getToken, authState } from '../../utils/auth'
-import BaseTimeline from '../components/BaseTimeline.vue'
-import UserList from '../components/UserList.vue'
-import BasePlaceholder from '../components/BasePlaceholder.vue'
-import LevelProgress from '../components/LevelProgress.vue'
-import { stripMarkdown, stripMarkdownLength } from '../utils/markdown'
-import TimeManager from '../utils/time'
-import { prevLevelExp } from '../utils/level'
-import AchievementList from '../components/AchievementList.vue'
+import { API_BASE_URL, toast } from '~/main'
+import { getToken, authState } from '~/utils/auth'
+import BaseTimeline from '~/components/BaseTimeline.vue'
+import UserList from '~/components/UserList.vue'
+import BasePlaceholder from '~/components/BasePlaceholder.vue'
+import LevelProgress from '~/components/LevelProgress.vue'
+import { stripMarkdown, stripMarkdownLength } from '~/utils/markdown'
+import TimeManager from '~/utils/time'
+import { prevLevelExp } from '~/utils/level'
+import AchievementList from '~/components/AchievementList.vue'
 
 definePageMeta({
   alias: ['/users/:id/'],