From 275cadd5965295935e61a9d527718c8105fce9ac Mon Sep 17 00:00:00 2001
From: mutoe <imutoe@gmail.com>
Date: Sun, 12 Jun 2022 02:49:12 +0800
Subject: [PATCH] fix: type missing issue

---
 .eslintrc.js                                  | 1 -
 package.json                                  | 2 +-
 src/components/AppNavigation.spec.ts          | 2 +-
 src/components/ArticleDetailComment.vue       | 3 ++-
 src/components/ArticlesListArticlePreview.vue | 1 +
 src/pages/Login.vue                           | 2 +-
 src/pages/Profile.vue                         | 1 +
 src/pages/Settings.vue                        | 2 +-
 src/plugins/set-authorization-token.ts        | 2 +-
 9 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 1593a9a..87d072a 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -3,7 +3,6 @@ module.exports = {
   parser: 'vue-eslint-parser',
   parserOptions: {
     parser: '@typescript-eslint/parser',
-    project: ['./tsconfig.app.json', './tsconfig.config.json', './tsconfig.cypress-ct.json'],
     sourceType: 'module',
     extraFileExtensions: ['.vue'],
   },
diff --git a/package.json b/package.json
index a26e40d..4e273a4 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "build": "vite build",
     "serve": "vite preview --port 4137",
     "lint:script": "eslint \"{src/**/*.{ts,vue},cypress/**/*.ts}\"",
-    "lint:tsc": "vue-tsc --noEmit",
+    "lint:tsc": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
     "lint": "concurrently \"yarn lint:tsc\" \"yarn lint:script\"",
     "test:unit": "cypress open --component",
     "test:unit:ci": "cypress run --component --quiet --reporter spec",
diff --git a/src/components/AppNavigation.spec.ts b/src/components/AppNavigation.spec.ts
index e9fb730..6b5ce9e 100644
--- a/src/components/AppNavigation.spec.ts
+++ b/src/components/AppNavigation.spec.ts
@@ -20,7 +20,7 @@ describe('# AppNavigation', () => {
 
   it('should render xxx when user logged', () => {
     const userStore = useUserStore()
-    userStore.updateUser({ id: 1, username: 'foo', email: '', token: '', bio: undefined, image: undefined })
+    userStore.updateUser({ username: 'foo', email: '', token: '', bio: '', image: '' })
     cy.mount(AppNavigation)
 
     cy.get('.nav-item').should('have.length', 4)
diff --git a/src/components/ArticleDetailComment.vue b/src/components/ArticleDetailComment.vue
index e0f0993..6291eea 100644
--- a/src/components/ArticleDetailComment.vue
+++ b/src/components/ArticleDetailComment.vue
@@ -46,9 +46,10 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+import type { Comment } from 'src/services/api'
 
 interface Props {
-  comment: ArticleComment
+  comment: Comment
   username?: string
 }
 
diff --git a/src/components/ArticlesListArticlePreview.vue b/src/components/ArticlesListArticlePreview.vue
index 0f99420..d3807a4 100644
--- a/src/components/ArticlesListArticlePreview.vue
+++ b/src/components/ArticlesListArticlePreview.vue
@@ -52,6 +52,7 @@
 
 <script setup lang="ts">
 import { useFavoriteArticle } from 'src/composable/useFavoriteArticle'
+import type { Article } from 'src/services/api'
 import { computed } from 'vue'
 
 interface Props {
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index 4f9b48a..49566ec 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -39,7 +39,7 @@
             </fieldset>
             <fieldset class=" form-group">
               <input
-                v-model="form.token"
+                v-model="form.password"
                 class="form-control form-control-lg"
                 type="password"
                 required
diff --git a/src/pages/Profile.vue b/src/pages/Profile.vue
index dde3555..a05ed1b 100644
--- a/src/pages/Profile.vue
+++ b/src/pages/Profile.vue
@@ -70,6 +70,7 @@ import { storeToRefs } from 'pinia'
 import ArticlesList from 'src/components/ArticlesList.vue'
 import { useFollow } from 'src/composable/useFollowProfile'
 import { useProfile } from 'src/composable/useProfile'
+import type { Profile } from 'src/services/api'
 import { isAuthorized, useUserStore } from 'src/store/user'
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
diff --git a/src/pages/Settings.vue b/src/pages/Settings.vue
index f5150fe..9d81384 100644
--- a/src/pages/Settings.vue
+++ b/src/pages/Settings.vue
@@ -43,7 +43,7 @@
               </fieldset>
               <fieldset class="form-group">
                 <input
-                  v-model="form.password"
+                  v-model="form.token"
                   type="password"
                   class="form-control form-control-lg"
                   placeholder="New Password"
diff --git a/src/plugins/set-authorization-token.ts b/src/plugins/set-authorization-token.ts
index ac3ebbc..9f7053e 100644
--- a/src/plugins/set-authorization-token.ts
+++ b/src/plugins/set-authorization-token.ts
@@ -3,5 +3,5 @@ import { userStorage } from 'src/store/user'
 
 export default function (): void {
   const token = userStorage.get()?.token
-  if (token !== undefined) api.setAuthorizationHeader(token)
+  if (token !== undefined) api.setSecurityData(token)
 }