Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update UI with Vue Router support #19

Merged
merged 7 commits into from
Nov 4, 2023
Merged

Conversation

delano
Copy link
Contributor

@delano delano commented Nov 4, 2023

This pull request updates the UI with Vue Router support for navigation. It includes new images for favicons and app icons, updates to the Vite config file, and changes to the page title in index.html.

The package.json dependencies for vue-route, vue-service, and related have been updated, and the app has been renamed from "ui" to "afb-ui". New build scripts and dependencies for vue-router have been introduced in package.json.

Changes have been made in App.vue to use <router-link> and <router-view> directives instead of hardcoded <a> tags. Internal navigation based on vue-router has been updated in the scripts section. New style rules have been included in the style section of App.vue. main.ts has been updated to use the routing system, importing Router from './router'.

A new router/index.ts has been created, which includes configurations and necessary route paths for DashboardView, AboutView, and MakeRequestView with a fallback to NotFoundView. New views DashboardView, AboutView, MakeRequestView, and NotFoundView have been created. Most of them are placeholders with minimal content and will be fleshed out as development continues.

Signed-off-by: GitHub Copilot + [email protected]

- Updated `package.json` dependencies for vue-route, vue-service and related
- Renamed the app from "ui" to "afb-ui".
- Introduced new build scripts and dependencies for vue-router in `package.json`.
- Made changes in `App.vue` to use `<router-link>` and `<router-view>` directives instead of hardcoded `<a>` tags.
- Updated internal navigation based on vue-router in the scripts section.
- Included new style rules in the style section of `App.vue`.
- `main.ts` has been updated to use the routing system, importing Router from './router'.
- Added new `router/index.ts`, which includes configurations and necessary route paths for DashboardView, AboutView, and MakeRequestView with a fallback to NotFoundView.
- Created new views DashboardView, AboutView, MakeRequestView, and NotFoundView. Most of them are placeholders with minimal content, and will be fleshed out as development continues.

Signed-off-by: delano <[email protected]>
@delano delano self-assigned this Nov 4, 2023
@delano delano merged commit eed62bf into main Nov 4, 2023
1 of 2 checks passed
@delano delano deleted the feature/20231104-vue-router branch November 4, 2023 20:51
@delano delano added the feature A planned and/or designed feature in the pipeline label Nov 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature A planned and/or designed feature in the pipeline
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

1 participant