fix: some warnings

web/src/assets/css/main.less

@@ -49,6 +49,15 @@
     }
 }
 
+.beian-link {
+    color: #333;
+    text-decoration: none;
+
+    &:hover {
+        opacity: 0.75;
+    }
+}
+
 .username-link {
     color: #000;
     color: none;
@@ -70,6 +79,10 @@
     .username-link {
         color: #eee;
     }
+
+    .beian-link {
+        color: #ddd;
+    }
 }
 
 @media screen and (max-width: 821px) {

web/src/components/auth.vue

@@ -64,36 +64,7 @@
                         <n-form
                             ref="registerRef"
                             :model="registerForm"
-                            :rules="{
+                            :rules="registerRule"
-                                username: {
-                                    required: true,
-                                    message: '请输入账户名',
-                                },
-                                password: {
-                                    required: true,
-                                    message: '请输入密码',
-                                },
-                                repassword: [
-                                    {
-                                        required: true,
-                                        message: '请输入密码',
-                                    },
-                                    {
-                                        validator: (rule: FormItemRule, value: any) => {
-                                            return (
-                                                !!registerForm.password &&
-                                                registerForm.password.startsWith(
-                                                    value
-                                                ) &&
-                                                registerForm.password.length >=
-                                                    value.length
-                                            );
-                                        },
-                                        message: '两次密码输入不一致',
-                                        trigger: 'input',
-                                    },
-                                ],
-                            }"
                         >
                             <n-form-item-row label="用户名" path="username">
                                 <n-input
@@ -157,11 +128,38 @@ const registerForm = reactive({
     password: '',
     repassword: '',
 });
+const registerRule = {
+    username: {
+        required: true,
+        message: '请输入账户名',
+    },
+    password: {
+        required: true,
+        message: '请输入密码',
+    },
+    repassword: [
+        {
+            required: true,
+            message: '请输入密码',
+        },
+        {
+            validator: (rule: FormItemRule, value: any) => {
+                return (
+                    !!registerForm.password &&
+                    registerForm.password.startsWith(value) &&
+                    registerForm.password.length >= value.length
+                );
+            },
+            message: '两次密码输入不一致',
+            trigger: 'input',
+        },
+    ],
+};
 const handleLogin = (e: Event) => {
     e.preventDefault();
     e.stopPropagation();
 
-    loginRef.value?.validate(errors => {
+    loginRef.value?.validate((errors) => {
         if (!errors) {
             loading.value = true;
 

web/src/components/main-nav.vue

@@ -42,13 +42,16 @@ import { DarkModeOutlined, ChevronLeftRound } from '@vicons/material';
 const store = useStore();
 const router = useRouter();
 
-const props = withDefaults(defineProps<{
+const props = withDefaults(
-    title: string,
+    defineProps<{
-    back: boolean,
+        title: string;
-}>(), {
+        back?: boolean;
-    title: "",
+    }>(),
-    back: false
+    {
-});
+        title: '',
+        back: false,
+    }
+);
 const switchTheme = (theme: boolean) => {
     if (theme) {
         localStorage.setItem('PAOPAO_THEME', 'dark');

web/src/components/post-attachment.vue

@@ -40,13 +40,16 @@ import { h, ref } from 'vue';
 import { CloudDownloadOutline } from '@vicons/ionicons5';
 import { precheckAttachment, getAttachment } from '@/api/user';
 
-const props = withDefaults(defineProps<{
+const props = withDefaults(
-    attachments: Item.AttachmentProps[],
+    defineProps<{
-    price: number,
+        attachments: Item.AttachmentProps[];
-}>(), {
+        price?: number;
+    }>(),
+    {
         attachments: () => [],
-    price: 0
+        price: 0,
-});
+    }
+);
 const showDownloadModal = ref(false);
 const downloadTip = ref<any>('');
 const attachmentID = ref(0);

web/src/components/post-video.vue

@@ -20,11 +20,14 @@
 import { reactive } from 'vue';
 import NVideo from 'nonesir-video';
 
-const props = withDefaults(defineProps<{
+const props = withDefaults(
-    videos: Item.PostProps[],
+    defineProps<{
-    full: boolean,
+        videos: Item.PostProps[];
-}>(), {
+        full?: boolean;
+    }>(),
+    {
         videos: () => [],
-    full: false
+        full: false,
-});
+    }
+);
 </script>

web/src/components/rightbar.vue

@@ -155,14 +155,6 @@ onMounted(() => {
             opacity: 0.75;
         }
 
-        .beian-link {
-            color: #333;
-            text-decoration: none;
-            &:hover {
-                opacity: 0.75;
-            }
-        }
-
         .hash-link {
             font-size: 12px;
         }

web/src/shims-vue.d.ts

@@ -1,5 +1,5 @@
 declare module '*.vue' {
-	import { DefineComponent } from 'vue'
+	import type { DefineComponent } from 'vue'
 	const component: DefineComponent<{}, {}, any>
 	export default component
 }
@@ -12,6 +12,7 @@ declare module '*.gif'
 declare module '*.bmp'
 declare module '*.tiff'
 declare module '*.json'
+declare module 'nonesir-video'
 
 interface AnyObject {
 	[key: string]: any