website-vue/README.org

• Website
• Usage
  • Setup
  • Development Server
  • Production
• Libraries
• Todo

Website

Website, written in Typescript.

Usage

Setup

Install dependencies:

$ npm install

Development Server

Start the development server on http://localhost:3000:

$ npm run dev
$ npm run dev -- -o  # automatically open in the browser

Production

Build for production:

$ npm run build     # for server-side rendering or hybrid
$ npm run generate  # for static site generation

Locally preview production build:

$ npm run preview  # requires building first!

Reference: nuxt/docs/deployment#client-side-only-rendering

Libraries

• Vue3 JavaScript framework
• Nuxt Vue framework
• Pinia State management
• Bootstrap5 CSS library
• Zod Schema validation
• Typescript Static types in JavaScript
• ESLint Code analyses tool

Todo

• dark-mode

  • persistence in localstorage

• <h> tag scroll fix

  • pull request? https://github.com/nuxt-modules/mdc/tree/main/src/runtime/components/prose

• table of contents: https://github.com/hanyujie2002/nuxt-toc/blob/main/src/runtime/components/TableOfContents.vue

  • for mobile via dropdown?
• nuke: bootstrap-vue-next
• update readme: bun -> npm, primevue -> bootstrap
• better popup code copy button
• sitemap.xml