Move Hacker News types

src/components/CommentItem.vue

@@ -90,7 +90,6 @@
 import DOMPurify from 'dompurify';
 import smartquotes from 'smartquotes-ts';
 import { formatNumberWithLabel, formatAbsoluteTimestamp } from '@/utils/formatting';
-import type { HackerNewsItem } from '@/types';
 
 const content = useContentStore();
 const router = useRouter();

src/components/PostsListItem.vue

@@ -68,7 +68,6 @@
 <script setup lang="ts">
 import smartquotes from 'smartquotes-ts';
 import { formatNumber, formatAbsoluteTimestamp, avoidShortWidows } from '@/utils/formatting';
-import type { HackerNewsItem } from '@/types';
 
 const view = useViewStore();
 

src/components/TheCommentsColumnBody.vue

@@ -63,7 +63,6 @@
 
 <script setup lang="ts">
 import scrollIntoView from 'smooth-scroll-into-view-if-needed';
-import type { HackerNewsItem } from '@/types';
 
 const view = useViewStore();
 const content = useContentStore();

src/stores/content.ts

@@ -1,5 +1,3 @@
-import type { HackerNewsCategory, HackerNewsItemData, HackerNewsItem } from '@/types';
-
 export const useContentStore = defineStore('content', () => {
   const categoryNames: { [key in HackerNewsCategory]: string } = {
     top: 'Top Stories',

src/types/global.d.ts

@@ -0,0 +1,40 @@
+export {};
+
+declare global {
+  type HackerNewsCategory = 'top' | 'new' | 'best' | 'ask' | 'show';
+
+  interface HackerNewsItemData {
+    id: number;
+    deleted?: boolean;
+    type?: string;
+    by?: string;
+    time?: number;
+    text?: string;
+    dead?: boolean;
+    parent?: number;
+    poll?: number;
+    kids?: number[];
+    url?: string;
+    score?: number;
+    title?: string;
+    parts?: number[];
+    descendants?: number;
+  }
+
+  interface HackerNewsItem extends Omit<HackerNewsItemData, 'url'> {
+    url?: {
+      hostname: string;
+      pathname: string;
+      href: string;
+      search: string;
+    };
+  }
+
+  interface HackerNewsUser {
+    id: string;
+    created: number;
+    karma: number;
+    about?: string;
+    submitted?: number[];
+  }
+}

src/utils/urls.ts

@@ -1,5 +1,3 @@
-import type { HackerNewsCategory } from '@/types';
-
 const apiBaseUrl = 'https://hacker-news.firebaseio.com/v0/';
 
 export function apiCategoryUrl(category: HackerNewsCategory) {

tsconfig.app.json

@@ -1,6 +1,6 @@
 {
   "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["env.d.ts", "auto-imports.d.ts", "components.d.ts", "src/**/*", "src/**/*.vue"],
+  "include": ["env.d.ts", "auto-imports.d.ts", "components.d.ts", "src/*.vue", "src/**/*"],
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
     "composite": true,