See the live site at https://persic.cloud
Simple SPA built with Vue 3 & Vite. Houses my resume, contact info and some hiring details. My goals with this site were:
- To build it without using too many frameworks (in the past I have use nuxt.js, tailwind, vuetify) since I wanted to understand how to build components, styles and other common elements from the ground up.
- Not to spend too long (the main pages were completed in a matter of hours)
- To show some real examples of code, not contrived examples that I have spent a lot of time making look good
- Hide some fun stuff for people to find if they look carefully
Deployed with Cloudflare Pages as an SPA
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue types.
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:
- Disable the built-in TypeScript Extension
- Run
Extensions: Show Built-in Extensionsfrom VSCode's command palette - Find
TypeScript and JavaScript Language Features, right click and selectDisable (Workspace)
- Run
- Reload the VSCode window by running
Developer: Reload Windowfrom the command palette.
yarnCompile and Hot-Reload for Development:
yarn devType-Check, Compile and Minify for Production:
yarn buildType-Check, Compile, Minify for Production and Start Development Server:
yarn previewLint with ESLint:
yarn lintRebundle Dependencies and Start Development Server:
yarn cleanI am accepting contributions to my physics game Super Sicko Draw Mode (name not finalised). See CONTRIBUTORS.md
Source code is licensed under the GPL3 license.
Contents of this site are © Copyright 2023 Andrew Persic. All rights reserved.