+
-
+ themeToggler.value = !themeToggler.value;
+ docElm.dataset.bsTheme = themeToggler.value ? "dark" : "light";
+};
+
diff --git a/app/src/components/Heads.vue b/app/src/components/Heads.vue
new file mode 100644
index 0000000..ec36731
--- /dev/null
+++ b/app/src/components/Heads.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/app/src/components/HelloWorld.vue b/app/src/components/HelloWorld.vue
deleted file mode 100644
index e1a721c..0000000
--- a/app/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
-
-
-
{{ msg }}
-
- You’ve successfully created a project with
- Vite +
- Vue 3 .
-
-
-
-
diff --git a/app/src/components/Nav.vue b/app/src/components/Nav.vue
new file mode 100644
index 0000000..e556920
--- /dev/null
+++ b/app/src/components/Nav.vue
@@ -0,0 +1,42 @@
+
+
+
+
+ Fruity Vice App
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/app/src/components/Refs.vue b/app/src/components/Refs.vue
new file mode 100644
index 0000000..5b8724d
--- /dev/null
+++ b/app/src/components/Refs.vue
@@ -0,0 +1,12 @@
+
+
+ {{ item }}
+ {{ i + 1 < list.length ? ' - ' : '' }}
+
+
+
diff --git a/app/src/components/Table.vue b/app/src/components/Table.vue
deleted file mode 100644
index 85c0bf5..0000000
--- a/app/src/components/Table.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-
-
-
-
- #
- Name
- Genus
- Family
- Order
- Calories
- Action
-
-
-
-
- 1
- Mark
- Otto
- @mdo
- @mdo
- @mdo
-
-
-
-
-
-
-
- View
-
-
-
-
- Edit
-
-
-
-
- Delete
-
-
-
-
- Favorite
-
-
-
-
-
-
-
-
diff --git a/app/src/components/TheWelcome.vue b/app/src/components/TheWelcome.vue
deleted file mode 100644
index 49d8f73..0000000
--- a/app/src/components/TheWelcome.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-
-
-
-
-
-
- Documentation
-
- Vue’s
- official documentation
- provides you with all information you need to get started.
-
-
-
-
-
- Tooling
-
- This project is served and bundled with
- Vite . The
- recommended IDE setup is
- VSCode +
- Volar . If
- you need to test your components and web pages, check out
- Cypress and
- Cypress Component Testing .
-
- README.md.
-
-
-
-
-
- Ecosystem
-
- Get official tools and libraries for your project:
- Pinia ,
- Vue Router ,
- Vue Test Utils , and
- Vue Dev Tools . If
- you need more resources, we suggest paying
- Awesome Vue
- a visit.
-
-
-
-
-
- Community
-
- Got stuck? Ask your question on
- Vue Land , our official
- Discord server, or
- StackOverflow . You should also subscribe to
- our mailing list and follow
- the official
- @vuejs
- twitter account for latest news in the Vue world.
-
-
-
-
-
- Support Vue
-
- As an independent project, Vue relies on community backing for its sustainability. You can help
- us by
- becoming a sponsor .
-
-
diff --git a/app/src/components/WelcomeItem.vue b/app/src/components/WelcomeItem.vue
deleted file mode 100644
index 6d7086a..0000000
--- a/app/src/components/WelcomeItem.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-
-
-
-
-
diff --git a/app/src/components/__tests__/HelloWorld.spec.ts b/app/src/components/__tests__/HelloWorld.spec.ts
deleted file mode 100644
index 2533202..0000000
--- a/app/src/components/__tests__/HelloWorld.spec.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { describe, it, expect } from 'vitest'
-
-import { mount } from '@vue/test-utils'
-import HelloWorld from '../HelloWorld.vue'
-
-describe('HelloWorld', () => {
- it('renders properly', () => {
- const wrapper = mount(HelloWorld, { props: { msg: 'Hello Vitest' } })
- expect(wrapper.text()).toContain('Hello Vitest')
- })
-})
diff --git a/app/src/components/icons/IconCommunity.vue b/app/src/components/icons/IconCommunity.vue
deleted file mode 100644
index 2dc8b05..0000000
--- a/app/src/components/icons/IconCommunity.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
diff --git a/app/src/components/icons/IconDocumentation.vue b/app/src/components/icons/IconDocumentation.vue
deleted file mode 100644
index 6d4791c..0000000
--- a/app/src/components/icons/IconDocumentation.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
diff --git a/app/src/components/icons/IconEcosystem.vue b/app/src/components/icons/IconEcosystem.vue
deleted file mode 100644
index c3a4f07..0000000
--- a/app/src/components/icons/IconEcosystem.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
diff --git a/app/src/components/icons/IconSupport.vue b/app/src/components/icons/IconSupport.vue
deleted file mode 100644
index 7452834..0000000
--- a/app/src/components/icons/IconSupport.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
diff --git a/app/src/components/icons/IconTooling.vue b/app/src/components/icons/IconTooling.vue
deleted file mode 100644
index 660598d..0000000
--- a/app/src/components/icons/IconTooling.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-
-
-
diff --git a/app/src/layouts/Default.vue b/app/src/layouts/Default.vue
new file mode 100644
index 0000000..2bdc3c7
--- /dev/null
+++ b/app/src/layouts/Default.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
diff --git a/app/src/layouts/Page.vue b/app/src/layouts/Page.vue
new file mode 100644
index 0000000..3b168df
--- /dev/null
+++ b/app/src/layouts/Page.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/app/src/main.ts b/app/src/main.ts
index 10dfb52..e2f4991 100644
--- a/app/src/main.ts
+++ b/app/src/main.ts
@@ -1,8 +1,10 @@
-import 'bootstrap/dist/css/bootstrap.css'
+import { createApp } from "vue";
-import { createApp } from 'vue'
-import App from './App.vue'
+import App from "@/App.vue";
+import { router } from "@/router";
-import 'bootstrap/dist/css/bootstrap.css'
+import "bootstrap/scss/bootstrap.scss";
+import "bootstrap-icons/font/bootstrap-icons.css";
-createApp(App).mount('#app')
+const app = createApp(App).use(router);
+router.isReady().then(() => app.mount("#app"));
diff --git a/app/src/router/index.ts b/app/src/router/index.ts
new file mode 100644
index 0000000..52a2266
--- /dev/null
+++ b/app/src/router/index.ts
@@ -0,0 +1,39 @@
+import { createRouter, createWebHistory } from "vue-router";
+
+const baseUrl = import.meta.env.VITE_BUILD_ADDRESS;
+
+export const routes = [
+ {
+ path: `${baseUrl}/`,
+ component: () => import("@/layouts/Default.vue"),
+ children: [
+ { path: "", name: "Home", component: () => import("@/views/Home.vue") }
+ ],
+ },
+ {
+ path: `${baseUrl}/fruit/:id?`,
+ component: () => import("@/layouts/Default.vue"),
+ children: [
+ { path: "", name: "Fruit", component: () => import("@/views/Form.vue") }
+ ],
+ },
+ {
+ path: `${baseUrl}/favorites`,
+ component: () => import("@/layouts/Default.vue"),
+ children: [
+ { path: "", name: "Favorites", component: () => import("@/views/Favorites.vue") }
+ ],
+ },
+ {
+ path: `${baseUrl}/fruit/:id/view`,
+ component: () => import("@/layouts/Default.vue"),
+ children: [
+ { path: "", name: "View Fruit", component: () => import("@/views/View.vue") }
+ ],
+ },
+];
+
+export const router = createRouter({
+ history: createWebHistory(),
+ routes: routes,
+});
diff --git a/app/src/types/ResponseData.ts b/app/src/types/ResponseData.ts
deleted file mode 100644
index fcbd215..0000000
--- a/app/src/types/ResponseData.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export default interface ResponseData {
- data: any;
-}
diff --git a/app/src/views/Favorites.vue b/app/src/views/Favorites.vue
new file mode 100644
index 0000000..70a52ef
--- /dev/null
+++ b/app/src/views/Favorites.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+ #
+ Fruit Name
+ Date Added
+ Action
+
+
+
+
+ {{ index + 1 }}
+ {{ favorite.fruit_name }}
+ {{ getFormattedDate(favorite.dateAdded.date) }}
+
+ Remove
+
+
+
+
+
+
+
diff --git a/app/src/views/Home.vue b/app/src/views/Home.vue
new file mode 100644
index 0000000..338fd49
--- /dev/null
+++ b/app/src/views/Home.vue
@@ -0,0 +1,183 @@
+
+
+
+
+ Order by
+ Name
+ Family
+
+
+
+
+ Order
+ Ascending
+ Descending
+
+
+
+
+ Rows
+ 5
+ 10
+ 20
+
+
+
+
+
+
+ New Fruit
+
+
+
+ {{ message }}
+
+
+
+
+ #
+ Name
+ Genus
+ Family
+ Order
+ Actions
+
+
+
+
+ {{ fruit.id }}
+ {{ fruit.name }}
+ {{ fruit.genus }}
+ {{ fruit.family }}
+ {{ fruit.fruitOrder }}
+
+
+
+
+ |
+ View |
+ Edit |
+ Delete
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/app/src/views/View.vue b/app/src/views/View.vue
new file mode 100644
index 0000000..2607692
--- /dev/null
+++ b/app/src/views/View.vue
@@ -0,0 +1,118 @@
+
+
+
+
+ Nutrition
+
+
+
+
+
Carbohydate
+ Organic compounds, including sugars and starches, providing energy
+
+ {{ fruit.carbohydrates }}
+
+
+
+
Protein
+ An essential macromolecules composed of amino acids, serving diverse biological
+ functions, such as structure, enzymes, and signaling in living organisms.
+
+ {{ fruit.protein }}
+
+
+
+
Fat
+ Lipids storing energy, aiding in insulation and cushioning, composed of fatty
+ acids
+
+ {{ fruit.fat }}
+
+
+
+
Sugar
+ Simple carbohydrates, providing quick energy, and include glucose and
+ fructose.
+
+ {{ fruit.sugar }}
+
+
+
+
Calories
+ Units of energy derived from food, utilized by the body for various functions, including metabolism,
+ movement, and maintaining physiological processes.
+
+ {{ fruit.calories }} kcal
+
+
+ Total Nutrion
+ {{ getTotalNutrition() }}
+
+
+
+
+
Fruit Details
+
+
+
Name
+
{{ fruit.name }}
+
+
+
Family
+
{{ fruit.family }}
+
+
+
+
+
Genus
+
{{ fruit.genus }}
+
+
+
Order
+
{{ fruit.fruitOrder }}
+
+
+
+
+
diff --git a/app/tsconfig.app.json b/app/tsconfig.app.json
deleted file mode 100644
index 3e5b621..0000000
--- a/app/tsconfig.app.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
- "extends": "@vue/tsconfig/tsconfig.dom.json",
- "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
- "exclude": ["src/**/__tests__/*"],
- "compilerOptions": {
- "composite": true,
- "baseUrl": ".",
- "paths": {
- "@/*": ["./src/*"]
- }
- }
-}
diff --git a/app/tsconfig.config.json b/app/tsconfig.config.json
new file mode 100644
index 0000000..4c1c633
--- /dev/null
+++ b/app/tsconfig.config.json
@@ -0,0 +1,8 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.json",
+ "include": ["vite.config.ts"],
+ "compilerOptions": {
+ "composite": true,
+ "types": ["node", "bootstrap", "vite/client"]
+ }
+}
diff --git a/app/tsconfig.json b/app/tsconfig.json
index 100cf6a..eca18ce 100644
--- a/app/tsconfig.json
+++ b/app/tsconfig.json
@@ -1,14 +1,17 @@
{
- "files": [],
+ "extends": "@vue/tsconfig/tsconfig.json",
+ "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+ "compilerOptions": {
+ "target": "esnext",
+ "ignoreDeprecations": "5.0",
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ },
"references": [
{
- "path": "./tsconfig.node.json"
- },
- {
- "path": "./tsconfig.app.json"
- },
- {
- "path": "./tsconfig.vitest.json"
+ "path": "./tsconfig.config.json"
}
]
}
diff --git a/app/tsconfig.node.json b/app/tsconfig.node.json
deleted file mode 100644
index dee96be..0000000
--- a/app/tsconfig.node.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
- "extends": "@tsconfig/node18/tsconfig.json",
- "include": [
- "vite.config.*",
- "vitest.config.*",
- "cypress.config.*",
- "nightwatch.conf.*",
- "playwright.config.*"
- ],
- "compilerOptions": {
- "composite": true,
- "module": "ESNext",
- "moduleResolution": "Bundler",
- "types": ["node"]
- }
-}
diff --git a/app/tsconfig.vitest.json b/app/tsconfig.vitest.json
deleted file mode 100644
index d080d61..0000000
--- a/app/tsconfig.vitest.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
- "extends": "./tsconfig.app.json",
- "exclude": [],
- "compilerOptions": {
- "composite": true,
- "lib": [],
- "types": ["node", "jsdom"]
- }
-}
diff --git a/app/vite.config.ts b/app/vite.config.ts
index 5c45e1d..47ab55f 100644
--- a/app/vite.config.ts
+++ b/app/vite.config.ts
@@ -1,16 +1,12 @@
-import { fileURLToPath, URL } from 'node:url'
+import { fileURLToPath, URL } from "node:url";
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-
-// https://vitejs.dev/config/
export default defineConfig({
- plugins: [
- vue(),
- ],
+ plugins: [vue()],
resolve: {
alias: {
- '@': fileURLToPath(new URL('./src', import.meta.url))
+ "@": fileURLToPath(new URL("./src", import.meta.url))
}
}
-})
+});
diff --git a/app/vitest.config.ts b/app/vitest.config.ts
deleted file mode 100644
index 10067d5..0000000
--- a/app/vitest.config.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { fileURLToPath } from 'node:url'
-import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
-import viteConfig from './vite.config'
-
-export default mergeConfig(
- viteConfig,
- defineConfig({
- test: {
- environment: 'jsdom',
- exclude: [...configDefaults.exclude, 'e2e/*'],
- root: fileURLToPath(new URL('./', import.meta.url))
- }
- })
-)