refactor

apps/mnie-ui/package.json

@@ -19,6 +19,7 @@
     "vue-router": "^5.1.0"
   },
   "devDependencies": {
+    "@repo/tsconfig": "workspace:*",
     "@tailwindcss/vite": "^4.3.1",
     "@types/d3": "^7.4.3",
     "@vitejs/plugin-vue": "^6.0.7",

apps/mnie-ui/src/api.ts

@@ -1,9 +1,9 @@
-export type AuthStatus = {
+export interface AuthStatus {
   configured: boolean
   authenticated: boolean
 }
 
-export type ApiKey = {
+export interface ApiKey {
   id: string
   label: string
   maxTradesPerHour?: number | null
@@ -30,7 +30,7 @@ export type ApiKeySettings = Pick<
   | 'scopes'
 >
 
-export type SbiPasskey = {
+export interface SbiPasskey {
   id: string
   label: string
   createdAt: string

apps/mnie-ui/src/constants/nav.ts

@@ -2,7 +2,7 @@ import { ArrowLeftRight, History, Settings, WalletCards } from 'lucide-vue-next'
 import type { Component } from 'vue'
 import type { RouteName } from '../router'
 
-export type PageMeta = {
+export interface PageMeta {
   title: string
   icon: Component
 }

apps/mnie-ui/src/features/oauth/useOAuthApproval.ts

@@ -2,7 +2,7 @@ import { ref } from 'vue'
 import type { ApiKeySettings } from '../../api'
 import { defaultApiKeyPolicy } from '../auth/api-key-policy'
 
-export type OAuthApprovalState = {
+export interface OAuthApprovalState {
   active: boolean
   clientId: string
   clientName: string

apps/mnie-ui/src/features/trade/TradeView.vue

@@ -45,19 +45,19 @@ import { currency, currencyForMarket } from '../../utils/format'
 import RealtimePriceChart from './RealtimePriceChart.vue'
 
 type StockInfoTab = 'detail' | 'holding'
-type CashOrderAccountTypeOption = {
+interface CashOrderAccountTypeOption {
   label: string
   value: CashOrderAccountType
 }
-type CashOrderMarketOption = {
+interface CashOrderMarketOption {
   label: string
   value: CashOrderMarket
 }
-type CashOrderTermOption = {
+interface CashOrderTermOption {
   label: string
   value: CashOrderTerm
 }
-type CashOrderDateOption = {
+interface CashOrderDateOption {
   label: string
   value: string
 }

apps/mnie-ui/src/features/trading/trading-data.ts

@@ -12,7 +12,7 @@ import type {
 import { currency } from '../../utils/format'
 
 export type RecordLike = Record<string, unknown>
-type IssueLike = {
+interface IssueLike {
   code: string
   market: string
   name: string

apps/mnie-ui/src/features/trading/useTradingSession.ts

@@ -54,27 +54,27 @@ import {
   type RecordLike,
 } from './trading-data'
 
-type RpcResolver = {
+interface RpcResolver {
   resolve: (value: unknown) => void
   reject: (reason: Error) => void
 }
 
-type CashOrderTermOption = {
+interface CashOrderTermOption {
   label: string
   value: CashOrderTerm
 }
 
-type CashOrderAccountTypeOption = {
+interface CashOrderAccountTypeOption {
   label: string
   value: CashOrderAccountType
 }
 
-type CashOrderMarketOption = {
+interface CashOrderMarketOption {
   label: string
   value: CashOrderMarket
 }
 
-type CashOrderDateOption = {
+interface CashOrderDateOption {
   label: string
   value: string
 }

apps/mnie-ui/src/types/trading.ts

@@ -27,13 +27,13 @@ export type CashOrderTriggerZone = 'above' | 'below'
 export type ChartMode = 'line' | 'box'
 export type ChartRange = '1D' | '3D' | '3M' | '1Y' | 'ALL'
 
-export type RpcMessage = {
+export interface RpcMessage {
   id: number
   method: string
   params?: unknown
 }
 
-export type OrderPreview = {
+export interface OrderPreview {
   issue: {
     code: string
     market: string
@@ -50,7 +50,7 @@ export type OrderPreview = {
   message?: string
 }
 
-export type JsonRpcResponse = {
+export interface JsonRpcResponse {
   id?: number
   method?: string
   params?: unknown
@@ -60,7 +60,7 @@ export type JsonRpcResponse = {
   }
 }
 
-export type RealtimePricePoint = {
+export interface RealtimePricePoint {
   at: string
   price: number
   open?: number
@@ -70,12 +70,12 @@ export type RealtimePricePoint = {
   volume?: number | null
 }
 
-export type ChartNotice = {
+export interface ChartNotice {
   title: string
   detail?: string
 }
 
-export type MarketIndex = {
+export interface MarketIndex {
   code?: string
   name: string
   value: number | null
@@ -88,7 +88,7 @@ export type MarketIndex = {
   timestamp?: string
 }
 
-export type Stock = {
+export interface Stock {
   code: string
   name: string
   symbol: string
@@ -115,7 +115,7 @@ export type Stock = {
   }
 }
 
-export type OrderRow = {
+export interface OrderRow {
   id: string
   code: string
   date: string
@@ -143,7 +143,7 @@ export type OrderDetail = OrderRow & {
   accountInformation?: string
 }
 
-export type TradeRecordRow = {
+export interface TradeRecordRow {
   id: string
   code: string
   stock: string
@@ -158,7 +158,7 @@ export type TradeRecordRow = {
   settlementCurrencyCode?: string
 }
 
-export type Position = {
+export interface Position {
   code: string
   name: string
   market: string

apps/mnie-ui/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "@repo/tsconfig/tsconfig.json",
   "compilerOptions": {
     "lib": ["ESNext", "DOM", "DOM.Iterable"],
     "types": ["vite/client"],