# basistemplate-2-frontend

> Dies ist eine SPA Webapplikation als Arbeitsumgebung für Sachbearbeiter die auf einem LucomIP System arbeiten. Sie ist das Frontend-Grundgerüst zur Implementierung der [LucomIP SOA](https://one.proximity.de/wiki/display/EGO/LucomIP+SOA) und verwendet die

Latest version **0.0.1** (published 2023-05-03) · 0 weekly downloads

## Install

```sh
npm install basistemplate-2-frontend
pnpm add basistemplate-2-frontend
yarn add basistemplate-2-frontend
bun add basistemplate-2-frontend
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2023-05-03 |
| First published | 2023-05-03 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 7 |
| Unpacked size | 1.9 MB |
| Known vulnerabilities | 0 (+7 in 1 direct dependencies) |
| Install scripts | yes |
| Maintainers | pr_interone_de |

## Links

- npm: https://www.npmjs.com/package/basistemplate-2-frontend
- npm.io page: https://npm.io/package/basistemplate-2-frontend

## Dependencies (7)

- [sass](https://npm.io/package/sass.md) ^1.62.0
- [vite](https://npm.io/package/vite.md) ^4.2.1
- [pinia](https://npm.io/package/pinia.md) ^2.0.34
- [govkit](https://npm.io/package/govkit.md) ^4.0.1-rc.1
- [@pinia/nuxt](https://npm.io/package/@pinia/nuxt.md) ^0.4.8
- [sass-loader](https://npm.io/package/sass-loader.md) ^13.2.2
- [bootstrap-scss](https://npm.io/package/bootstrap-scss.md) ^5.2.3

## Recent versions

- 0.0.1 (latest) — 2023-05-03

## README

# Base SOA Client

Dies ist eine SPA Webapplikation als Arbeitsumgebung für Sachbearbeiter die auf einem LucomIP System arbeiten. Sie ist das Frontend-Grundgerüst zur Implementierung der [LucomIP SOA](https://one.proximity.de/wiki/display/EGO/LucomIP+SOA) und verwendet die Nuxt3 Projektstruktur als Grundlage.

Um Abhängigkeiten korrekt zu erfüllen, muss man zusätzliche npm Paketarchive mit passenden npm Scopes einbinden.
Die Datei ```.npmrc_sample``` dient hierfür als Vorlage, hat aber im Moment noch den alten Nexus Paketproxi (pre Q2 2023) referenziert.

## verwendete Technologien
- [TypeScript (v5.x)](https://www.typescriptlang.org) ist die Programmiersprache
- [tsx](https://www.typescriptlang.org/docs/handbook/jsx.html) ist die Sprache für Komponentendeklaration
- [Vue (v3.x)](https://vuejs.org) ist das verwendete VDOM Toolkit
- [GovKit](https://git-aws.interone.de/govkit/govkit) ist das verwendete UI Toolkit, mit Nuxt als Untermenge
- [Nuxt (v3.x)](https://nuxt.com) ist das verwendete Metawebframework, das u.a. Vorgaben für Verzeichnisstrukturen und statische Inhalte mitliefert
- State-Management erfolgt mit [Pinia](https://pinia.vuejs.org)
- [yarn 1.x (yarn classic)](https://classic.yarnpkg.com/lang/en/) ist der Package Manager
- [Rollup](https://rollupjs.org), als Untermenge des verwendeten Vite Development Servers, ist der Bundler
- [Vite](https://vitejs.dev) ist der verwendete FE Development-Server und Build-runner

#### empfohlene Codestyle CLI Tools
- [prettier](https://prettier.io) als Formatter
- [eslint](https://eslint.org) als Linter (wird _nicht_ zur Formatierung verwendet, Details s.u.)

## Regeln
#### Codeformatierung
- eingerückt wird mit _**Tabs**_ (TS, TSX, HTML, CSS, etc.)
- eslint wird _**nicht**_ zur Formatierung verwendet
- prettier wird für Formatierung und Styling via CLI verwendet
- ```/node_modules/*``` und sonstiger externer code wird _nicht_ (re)formatiert, sofern der Code nicht angepasst wurde

#### String Literale
String Literale innerhalb von TypeScript Code werden mit einfachen Anführungsstrichen (') abgegrenzt.
In Vue, Vuetify & TSX werden Literale entsprechend dem jeweiligen Standard für den entsprechenden Kontext abgegrenzt.
JSON Literale werden gemäß JSON-Standard mit doppelten Anführungsstrichen (") abgegrenzt.


## Entwicklung

## Build
```npm run build``` erzeugt (u.a.) eine statische, fertig kompilierte Ausgabe in ```.output/public```.

---
_Source: https://npm.io/package/basistemplate-2-frontend · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._