[F] Fix yarn build

.eslintrc.js

@@ -16,5 +16,6 @@ module.exports = {
         'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
         "@typescript-eslint/ban-ts-comment": "off",
         "@typescript-eslint/no-unused-vars": "off",
+        "@typescript-eslint/no-explicit-any": "off"
     }
 }

package.json

@@ -3,6 +3,7 @@
     "version": "0.1.0",
     "private": true,
     "scripts": {
+        "dev": "vite",
         "serve": "vite",
         "build": "vue-tsc --noEmit && yarn lint && vite build",
         "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src"

src/components/BlogIndex.vue

@@ -3,7 +3,7 @@
         <Tag v-for="t in meta.tags" :key="t" :tag-name="t[0]" direction="right">{{t[0]}} ({{t[1]}})</Tag>
     </div>
     <div class="index index-categories" v-else>
-        <span v-for="c in meta.categories" :key="c" class="clickable unselectable" @click="click(c)">{{c[0]}} ({{c[1]}})</span>
+        <span v-for="c in meta.categories" :key="c[0]" class="clickable unselectable" @click="click(c)">{{c[0]}} ({{c[1]}})</span>
     </div>
 </template>
 

src/components/BlogPost.vue

@@ -20,7 +20,7 @@
                 <Dynamic :template="content"></Dynamic>
             </div>
             <div class="tags" v-if="!tagOnTop">
-                <Tag v-for="t in meta.tags" :key="t" direction="right">{{t}}</Tag>
+                <Tag v-for="t in meta.tags" :key="t[0]" direction="right">{{t}}</Tag>
             </div>
         </div>
     </div>
@@ -34,6 +34,7 @@ import {marked} from "marked";
 import Tag from "@/components/Tag.vue";
 import moment from "moment";
 import {pushQuery} from "@/scripts/router";
+import {$} from '@/scripts/constants';
 
 export interface BlogPost
 {

src/components/Collapse.vue

@@ -10,6 +10,7 @@
 <script lang="ts">
 import {Options, Vue} from 'vue-class-component';
 import {Prop} from "vue-property-decorator";
+import {$} from '@/scripts/constants';
 
 @Options({components: {}})
 export default class Collapse extends Vue

src/components/Post.vue

@@ -5,10 +5,10 @@
             <div class="mtext"><span>{{p.reply.text}}</span></div>
         </div>
         <div class="images" v-if="p.images && p.images.length === 1">
-            <img v-for="i in p.images" :key="i" :src="i.url" alt="image">
+            <img v-for="i in p.images" :key="i.url" :src="i.url" alt="image">
         </div>
         <div class="images" v-if="p.images && p.images.length !== 1">
-            <div class="img" v-for="i in p.images" :key="i"
+            <div class="img" v-for="i in p.images" :key="i[0]"
                  :style="{'background-image': `url(${i.url})`, ...getImageStyle(p, i)}"></div>
         </div>
         <div class="text" v-html="text"></div>

src/components/Tag.vue

@@ -21,7 +21,7 @@ export default class Tag extends Vue
 
     @Ref() readonly el!: HTMLDivElement
 
-    clickTag(e: PointerEvent): void
+    clickTag(e: MouseEvent): void
     {
         e.stopPropagation()
 

src/components/ZoteroPublication.vue

@@ -30,6 +30,7 @@ import moment from "moment";
 import MetaTable from "@/components/MetaTable.vue";
 import {capitalize} from "@/scripts/utils";
 import linkifyUrls from "linkify-urls";
+import {$} from '@/scripts/constants';
 
 export interface ZoteroLink
 {

src/scripts/constants.ts

@@ -4,3 +4,5 @@ export const hosts = {
     api: 'https://profile-api.hydev.org',
     content: production ? 'https://profile-content.hydev.org' : 'http://localhost:8082'
 }
+
+export const $ = (window as any).jQuery

src/views/Blog.vue

@@ -18,7 +18,9 @@ import {Prop} from "vue-property-decorator";
 
 export interface BlogMeta
 {
+    // tags[i] = [Tag Name, Number of Blog Posts]
     tags: [string, number][]
+    // categories[i] = [Category Name, Number of Posts]
     categories: [string, number][]
     posts: BlogPost[]
 }

tsconfig.json

@@ -22,7 +22,10 @@
             "dom",
             "dom.iterable",
             "scripthost"
-        ]
+        ],
+
+        "emitDecoratorMetadata": true,
+        "allowJs": true
     },
     "include": [
         "src/**/*.ts",