docs: add personal finance nuxt app

Author: PekoPPT

.github/workflows/ci.yml

@@ -31,6 +31,8 @@ jobs:
               - 'examples-standalone/dashboard/**'
             coffee-warehouse:
               - 'examples-standalone/coffee-warehouse/**'
+            vue-personal-finance-nuxt:
+              - 'examples-standalone/vue-personal-finance-nuxt/**'
 
       - name: Build Dashboard app
         working-directory: ./examples-standalone/dashboard
@@ -46,6 +48,14 @@ jobs:
             npm ci
             npm run build
 
+      - name: Build Vue Personal Finance Nuxt app
+        working-directory: ./examples-standalone/vue-personal-finance-nuxt
+        if: steps.changes.outputs.vue-personal-finance-nuxt == 'true'
+        run: |
+          npm ci
+          npm run build
+          npm run generate
+
       - name: Cleanup
         run: git clean -xdf
 

examples-standalone/vue-personal-finance-nuxt/.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

examples-standalone/vue-personal-finance-nuxt/README.md

@@ -0,0 +1,75 @@
+# Nuxt Minimal Starter
+
+Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

examples-standalone/vue-personal-finance-nuxt/app.vue

@@ -0,0 +1,29 @@
+<template>
+  <Navigation :go-to-route="goToRoute">
+    <Header @navigate="onNavigate" @currency-change="onCurrencyChange"/>
+    <NuxtPage />
+  </Navigation>
+  <Footer />
+</template>
+
+<script setup>
+import { ref, provide } from 'vue';
+import { createRouter, createWebHistory } from 'vue-router';
+import Navigation from '@/components/Navigation.vue';
+import Header from '@/components/Header.vue';
+import Footer from '@/components/Footer.vue';
+
+const goToRoute = ref(null);
+const currency = ref('USD');
+
+provide('currency', currency);
+
+const onNavigate = (props) => {
+  goToRoute.value = props;
+};
+
+const onCurrencyChange = (newCurrency) => {
+  currency.value = newCurrency;
+};
+
+</script>