diff --git a/src/components/Loading.vue b/src/components/Loading.vue
index a7d9454..c8902b6 100644
--- a/src/components/Loading.vue
+++ b/src/components/Loading.vue
@@ -5,14 +5,6 @@
     </div>
 </template>
 
-<script lang="ts">
-import {Options, Vue} from 'vue-class-component';
-@Options({components: {}})
-export default class Loading extends Vue
-{
-}
-</script>
-
 <style lang="sass" scoped>
 #Loading
     width: 100%
@@ -21,8 +13,7 @@ export default class Loading extends Vue
     flex-direction: column
     align-items: center
     justify-content: center
-    //background: white
-    //opacity: 0.6
+
     img
         width: 150px
     .text
diff --git a/src/components/Tag.vue b/src/components/Tag.vue
index a030fd3..f03f9e7 100644
--- a/src/components/Tag.vue
+++ b/src/components/Tag.vue
@@ -7,7 +7,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script lang="ts" setup>
 const props = defineProps({
     direction: { type: String, default: 'left' }, // 'left' | 'right'
     tagName: String
diff --git a/src/components/ZoteroPublication.vue b/src/components/ZoteroPublication.vue
index c56a491..fa5aada 100644
--- a/src/components/ZoteroPublication.vue
+++ b/src/components/ZoteroPublication.vue
@@ -31,87 +31,7 @@ import MetaTable from "@/components/MetaTable.vue";
 import {capitalize} from "@/scripts/utils";
 import linkifyUrls from "linkify-urls";
 import {$} from '@/scripts/constants';
-
-export interface ZoteroLink
-{
-    href: string // 'https://...'
-    type: string // 'text/html'
-    attachmentType?: string // 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
-    attachmentSize?: number // bytes?
-    title?: string
-    length?: string
-}
-
-export type ZoteroLinks = {[id: string]: ZoteroLink}
-
-export interface ZoteroCreator
-{
-    creatorType: string // 'author'
-    firstName: string
-    lastName: string
-}
-
-export interface ZoteroData
-{
-    key: string
-    version: number
-    itemType: string // 'document'
-    title: string
-    creators: ZoteroCreator[]
-    abstractNote?: string
-    publisher?: string
-    date?: string // 'Dec 9 2021'
-    language?: string // 'en'
-    shortTitle?: string
-    url?: string
-    accessDate?: string
-    archive?: string
-    archiveLocation?: string
-    libraryCatalog?: string
-    rights?: string
-    extra?: string
-}
-
-export interface ZoteroLibrary
-{
-    type: string // 'user'
-    id: number
-    name: string
-    links: ZoteroLinks
-}
-
-export interface ZoteroMeta
-{
-    creatorSummary: string // Gui and Burton
-    parsedDate: string // 2021-12-09
-    numChildren: number
-}
-
-export interface ZoteroItem
-{
-    key: string
-    version: number
-    library: ZoteroLibrary
-    meta: ZoteroMeta
-    data: ZoteroData
-
-    attachments: ZoteroAttachment[]
-}
-
-export interface ZoteroAttachment
-{
-    links: ZoteroLinks
-    data: {
-        key: string
-        parentItem: string
-        itemType: string // == 'attachment'
-        title: string
-        contentType: string
-        fileName: string
-        md5: string
-        mtime: number
-    }
-}
+import {ZoteroData, ZoteroItem} from "@/scripts/zotero";
 
 @Options({components: {MetaTable}})
 export default class ZoteroPublicationView extends Vue
diff --git a/src/scripts/zotero.ts b/src/scripts/zotero.ts
new file mode 100644
index 0000000..23c3e5c
--- /dev/null
+++ b/src/scripts/zotero.ts
@@ -0,0 +1,81 @@
+
+export interface ZoteroLink
+{
+  href: string // 'https://...'
+  type: string // 'text/html'
+  attachmentType?: string // 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+  attachmentSize?: number // bytes?
+  title?: string
+  length?: string
+}
+
+export type ZoteroLinks = {[id: string]: ZoteroLink}
+
+export interface ZoteroCreator
+{
+  creatorType: string // 'author'
+  firstName: string
+  lastName: string
+}
+
+export interface ZoteroData
+{
+  key: string
+  version: number
+  itemType: string // 'document'
+  title: string
+  creators: ZoteroCreator[]
+  abstractNote?: string
+  publisher?: string
+  date?: string // 'Dec 9 2021'
+  language?: string // 'en'
+  shortTitle?: string
+  url?: string
+  accessDate?: string
+  archive?: string
+  archiveLocation?: string
+  libraryCatalog?: string
+  rights?: string
+  extra?: string
+}
+
+export interface ZoteroLibrary
+{
+  type: string // 'user'
+  id: number
+  name: string
+  links: ZoteroLinks
+}
+
+export interface ZoteroMeta
+{
+  creatorSummary: string // Gui and Burton
+  parsedDate: string // 2021-12-09
+  numChildren: number
+}
+
+export interface ZoteroItem
+{
+  key: string
+  version: number
+  library: ZoteroLibrary
+  meta: ZoteroMeta
+  data: ZoteroData
+
+  attachments: ZoteroAttachment[]
+}
+
+export interface ZoteroAttachment
+{
+  links: ZoteroLinks
+  data: {
+    key: string
+    parentItem: string
+    itemType: string // == 'attachment'
+    title: string
+    contentType: string
+    fileName: string
+    md5: string
+    mtime: number
+  }
+}
diff --git a/src/views/About.vue b/src/views/About.vue
index e8cffe5..171dacb 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -14,9 +14,10 @@ import {Options, Vue} from 'vue-class-component';
 import {marked} from 'marked';
 import emojiRegex from 'emoji-regex';
 import {parseExtensions} from '@/scripts/extended_markdown'
-import ZoteroPublication, {ZoteroAttachment, ZoteroItem} from "@/components/ZoteroPublication.vue";
+import ZoteroPublication from "@/components/ZoteroPublication.vue";
 import {hosts} from "@/scripts/constants";
 import Loading from "@/components/Loading.vue";
+import {ZoteroAttachment, ZoteroItem} from "@/scripts/zotero";
 
 @Options({components: {Loading, ZoteroPublication}})
 export default class About extends Vue
diff --git a/src/views/Home.vue b/src/views/Home.vue
index fdae99e..09f505b 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -7,16 +7,6 @@
     </div>
 </template>
 
-<script lang="ts">
-import {Options, Vue} from 'vue-class-component';
-
-@Options({components: {}})
-export default class Home extends Vue
-{
-
-}
-</script>
-
 <style lang="sass" scoped>
 #box
     font-size: 3em
diff --git a/src/views/Life.vue b/src/views/Life.vue
index cd8bff6..cf4f5fb 100644
--- a/src/views/Life.vue
+++ b/src/views/Life.vue
@@ -14,17 +14,9 @@
     </TgBlog>
 </template>
 
-<script lang="ts">
-import {Options, Vue} from 'vue-class-component';
+<script lang="ts" setup>
 import { TgBlog } from "tg-blog";
 import 'tg-blog/dist/style.css'
-
-@Options({components: {
-    TgBlog
-}})
-export default class Blog extends Vue
-{
-}
 </script>
 
 <style lang="sass" scoped>