yuk7 / yuk7.github.io

My personal website.

yuk7.is-a.dev

My personal website.

Environment

Language

• Vue
• JavaScript
• TypeScript

Package Management

• npm
• dependabot

Library and Frameworks

• Vue 3
• Vuetify 3 Alpha
• Axios
• lodash

Hosting and CI

• GitHub Pages (main branch)
• GitHub Actions

How to get started

# Install dependencies
npm install

# Serve with hot reload at localhost:8080
npm run serve

# Build for production
npm run build

Directory structures

.
|-.github
|   |-workflows
|   |   |-build.yml (run build only build when pushed)
|   |   |-deploy.yml (build and push to main when pushed to source branch)
|   |   |-lint.yml (run lint when pushed and pull requested)
|
|-public (file generate template)
|   |-index.html (modified for supports SPA in GitHub Pages)
|   |-404.html (redirects to index.html for supports SPA in GitHub Pages)
|   |-* (assets, not related to main code)
|
|-src (source file directory)
|   |-main.ts (entry point script)
|   |-App.vue (main view)
|   |-assets
|   |   |-* (assets files)
|   |
|   |-router
|   |   |-index.ts (vue router config)
|   |
|   |-components
|   |   |-*.vue (vue components)
|   |
|   |-views
|   |   |-_NotFoundView.vue (not found page)
|   |   |-*.vue (sub views)