fix: build app docker image

app/Dockerfile

@@ -6,8 +6,9 @@ COPY package.json yarn.lock tsconfig.json ./
 COPY packages/file-graph/package.json ./packages/file-graph/package.json
 COPY packages/utils/package.json ./packages/utils/package.json
 COPY packages/constants/package.json ./packages/constants/package.json
+COPY packages/models/package.json ./packages/models/package.json
 COPY app/package.json ./app/package.json
-RUN yarn install
+RUN yarn install --frozen-lockfile
 
 # Dev stage
 FROM base as dev
@@ -19,8 +20,8 @@ FROM base as build
 COPY packages/file-graph ./packages/file-graph
 COPY packages/utils ./packages/utils
 COPY packages/constants ./packages/constants
+COPY packages/models ./packages/models
 COPY app ./app
-RUN yarn workspace app build:refs
 RUN yarn workspace app build
 
 # Production stage

app/package.json

@@ -5,8 +5,7 @@
   "scripts": {
     "dev": "vite",
     "dev:docker": "API_TARGET=http://backend:3000 vite",
-    "build": "vite build",
-    "build:refs": "tsc --build",
+    "build": "vue-tsc -b && vite build",
     "preview": "vite preview"
   },
   "dependencies": {
@@ -18,6 +17,7 @@
     "@linux-odyssey/constants": "*",
     "@linux-odyssey/file-graph": "*",
     "@linux-odyssey/utils": "*",
+    "@linux-odyssey/models": "*",
     "@types/dompurify": "^3.0.5",
     "axios": "^1.6.0",
     "dompurify": "^3.0.6",
@@ -42,6 +42,6 @@
     "tailwindcss": "^3.3.3",
     "typescript": "^5.3.3",
     "vite": "^4.5.3",
-    "vue-tsc": "^1.8.25"
+    "vue-tsc": "^2.0.10"
   }
 }

app/src/components/ContactButton.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 defineProps({
   url: {
     type: String,

app/src/components/GameHeaderPart.vue

@@ -29,7 +29,7 @@ const handleLogout = async () => {
 defineProps({
   title: {
     type: String,
-    required: true,
+    required: false,
   },
 })
 
@@ -37,6 +37,7 @@ onMounted(async () => {
   try {
     await loadUserProfile()
   } catch (err) {
+    console.error(err)
     toast.error('無法讀取使用者資料')
   }
 })

app/src/store/session.ts

@@ -1,8 +1,7 @@
 import { reactive } from 'vue'
 import { useToast } from 'vue-toastification'
 import { FileGraph, FileObject } from '@linux-odyssey/file-graph'
-// eslint-disable-next-line import/no-relative-packages
-import { IQuest } from '../../../packages/models/src/quest'
+import { IQuest } from '@linux-odyssey/models'
 import api from '../utils/api'
 import Socket from '../utils/socket'
 import SocketTerminal from '../utils/terminal'

app/src/types.ts

@@ -1,6 +1,6 @@
 import { FileGraph } from '@linux-odyssey/file-graph'
 // eslint-disable-next-line import/no-relative-packages
-import { IResponse } from '../../packages/models/src/response'
+import { IResponse } from '@linux-odyssey/models'
 
 export interface Task {
   id: number

app/src/views/LandingPage.vue

@@ -1,15 +1,15 @@
-<script setup>
+<script setup lang="ts">
 import ContactButton from '../components/ContactButton.vue'
 import DynamicBackground from '../components/DynamicBackground.vue'
 import { bugReportUrl, facebookUrl, githubUrl } from '../config'
 
-const scrollToSection = (sectionId) => {
+const scrollToSection = (sectionId: string) => {
   const section = document.getElementById(sectionId)
   if (section) {
     const container = document.querySelector('.overflow-y-auto') // Replace '.overflow-y-auto' with the appropriate class or selector for your container
     if (container) {
       container.scrollTo({
-        top: section.offsetTop - container.offsetTop,
+        top: section.offsetTop,
         behavior: 'smooth', // Add smooth scrolling behavior if desired
       })
     }

app/tsconfig.json

@@ -13,7 +13,6 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "preserve",
-    "allowJs": true,
 
     /* Linting */
     "strict": true,
@@ -21,10 +20,11 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/**/*.js"],
+  "include": ["src/**/*.ts", "src/**/*.vue"],
   "references": [
     { "path": "../packages/utils" },
     { "path": "../packages/constants" },
-    { "path": "../packages/file-graph" }
+    { "path": "../packages/file-graph" },
+    { "path": "../packages/models" }
   ]
 }