reorganize dir

README.md

@@ -1,11 +1,14 @@
-# Vue 3 + Typescript + Vite
+# l23de.github.io
 
-This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+My personal website!
 
-## Recommended IDE Setup
+Get to know me and be sure to leave any suggestions in the Github Issues pane
 
-- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
+## Installation
 
-## Type Support For `.vue` Imports in TS
+```bash
+yarn # Installs dependencies
+yarn dev # Runs a local server to serve the website
+```
 
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.
+The website should be located @ [localhost:3000](http://localhost:3000/) by default

package.json

@@ -3,9 +3,10 @@
   "version": "0.0.0",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
+    "build": "vue-tsc --noEmit && vite build && cd dist && cp index.html 404.html && cd ..",
     "preview": "vite preview",
-    "deploy": "yarn build; gh-pages -d dist"
+    "deploy": "gh-pages -d dist",
+    "build-deploy": "yarn build && yarn deploy"
   },
   "dependencies": {
     "@quasar/extras": "^1.12.4",

src/App.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, computed } from 'vue'
+import { ref, onMounted, computed, defineComponent } from 'vue'
 
 onMounted(() => {
   const nav: Element = document.querySelector('.nav')!;
@@ -46,13 +46,13 @@ onMounted(() => {
 </script>
 
 <script lang="ts">
-export default {
+export default defineComponent({
   computed: {
-    splashPage() {
+    splashPage(): boolean {
       return this.$route.path == '/';
     }
   }
-}
+})
 </script>
 
 <style lang="scss">

src/components/WorkExperience.vue

@@ -20,7 +20,7 @@ import { PropType } from 'vue';
 interface posConfig {
     title: string,
     dates: string,
-    desc: string,
+    desc: Array<string>,
     skills: Array<string>
 }
 

src/content/work/jhu.json

@@ -1,7 +1,7 @@
 {
     "company": "JHU Engineering Innovation",
     "website": "https://ei.jhu.edu/",
-    "logo_src": "/src/content/images/jhu.png",
+    "logo_src": "/images/jhu.png",
     "positions": [
         {
             "title": "Summer Program Participant",

src/content/work/lehigh.json

@@ -1,7 +1,7 @@
 {
     "company": "Lehigh University",
     "website": "https://www1.lehigh.edu/",
-    "logo_src": "/src/content/images/lehigh.png",
+    "logo_src": "/images/lehigh.png",
     "positions": [
         {
             "title": "Junior Systems Administrator",

src/content/work/mm.json

@@ -1,7 +1,7 @@
 {
     "company": "Millennium Management",
     "website": "https://www.mlp.com/",
-    "logo_src": "/src/content/images/mm.png",
+    "logo_src": "/images/mm.png",
     "positions": [
         {
             "title": "Incoming Quality Assurance Analyst Intern",

src/content/work/optum.json

@@ -1,7 +1,7 @@
 {
     "company": "Optum",
     "website": "https://www.optum.com/",
-    "logo_src": "/src/content/images/optum.png",
+    "logo_src": "/images/optum.png",
     "positions": [
         {
             "title": "Software Engineer Intern",