website-vue/README.org

• Website
• Usage
  • Setup
  • Development Server
  • Production
• Libraries
  • Package Reproduction

Website

Website, written in Typescript.

Usage

Setup

Install dependencies:

$ bun install

Development Server

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

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

Production

Build for production:

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

Locally preview production build:

$ bun run preview  # requires building first!

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

Libraries

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

Package Reproduction

The following bun commands have been run to fill the package.json:

$ bun x nuxi@latest init website

# Development
$ bun nuxi module add eslint
$ bun install --dev typescript
$ bun install --dev @vue/language-server
$ bun install --dev @vue/typescript-plugin
$ bun install -g typescript
$ bun install -g @vue/language-server
$ bun install -g @vue/typescript-plugin

# Pinia
$ bun install @pinia/nuxt                 # also add it to nuxt.config modules!
$ bun install pinia-plugin-persistedstate # same as above

# PrimeVue
$ bun install primevue primeicons @primevue/themes @primevue/forms
$ bun install --dev @primevue/nuxt-module

# Zod
$ bun install zod

# UUID
$ bun install uuid