├── .gitignore
├── .vscode
    └── extensions.json
├── README.md
├── db.json
├── index.html
├── package.json
├── public
    └── favicon.ico
├── src
    ├── App.vue
    ├── assets
    │   └── logo.svg
    ├── components
    │   └── EventCard.vue
    ├── main.js
    ├── router
    │   └── index.js
    ├── services
    │   └── EventService.js
    └── views
    │   ├── About.vue
    │   ├── EventDetails.vue
    │   └── EventList.vue
├── vite.config.js
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | .DS_Store
12 | dist
13 | dist-ssr
14 | coverage
15 | *.local
16 | 
17 | /cypress/videos/
18 | /cypress/screenshots/
19 | 
20 | # Editor directories and files
21 | .vscode/*
22 | !.vscode/extensions.json
23 | .idea
24 | *.suo
25 | *.ntvs*
26 | *.njsproj
27 | *.sln
28 | *.sw?
29 | 


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
3 | }
4 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Vue-Router
 2 | 
 3 | This template should help get you started developing with Vue 3 in Vite.
 4 | 
 5 | ## Recommended IDE Setup
 6 | 
 7 | [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
 8 | 
 9 | ## Customize configuration
10 | 
11 | See [Vite Configuration Reference](https://vitejs.dev/config/).
12 | 
13 | ## Project Setup
14 | 
15 | ```sh
16 | npm install
17 | ```
18 | 
19 | ### Compile and Hot-Reload for Development
20 | 
21 | ```sh
22 | npm run dev
23 | ```
24 | 
25 | ### Compile and Minify for Production
26 | 
27 | ```sh
28 | npm run build
29 | ```
30 | 


--------------------------------------------------------------------------------
/db.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "events": [
 3 |     {
 4 |       "id": 123,
 5 |       "category": "animal welfare",
 6 |       "title": "Cat Adoption Day",
 7 |       "description": "Find your new feline friend at this event.",
 8 |       "location": "Meow Town",
 9 |       "date": "January 28, 2022",
10 |       "time": "12:00",
11 |       "petsAllowed": true,
12 |       "organizer": "Kat Laydee"
13 |     },
14 |     {
15 |       "id": 456,
16 |       "category": "food",
17 |       "title": "Community Gardening",
18 |       "description": "Join us as we tend to the community edible plants.",
19 |       "location": "Flora City",
20 |       "date": "March 14, 2022",
21 |       "time": "10:00",
22 |       "petsAllowed": true,
23 |       "organizer": "Fern Pollin"
24 |     },
25 |     {
26 |       "id": 789,
27 |       "category": "sustainability",
28 |       "title": "Beach Cleanup",
29 |       "description": "Help pick up trash along the shore.",
30 |       "location": "Playa Del Carmen",
31 |       "date": "July 22, 2022",
32 |       "time": "11:00",
33 |       "petsAllowed": false,
34 |       "organizer": "Carey Wales"
35 |     },
36 |     {
37 |       "id": 1001,
38 |       "category": "animal welfare",
39 |       "title": "Dog Adoption Day",
40 |       "description": "Find your new canine friend at this event.",
41 |       "location": "Woof Town",
42 |       "date": "August 28, 2022",
43 |       "time": "12:00",
44 |       "petsAllowed": true,
45 |       "organizer": "Dawg Dahd"
46 |     },
47 |     {
48 |       "id": 1002,
49 |       "category": "food",
50 |       "title": "Canned Food Drive",
51 |       "description": "Bring your canned food to donate to those in need.",
52 |       "location": "Tin City",
53 |       "date": "September 14, 2022",
54 |       "time": "3:00",
55 |       "petsAllowed": true,
56 |       "organizer": "Kahn Opiner"
57 |     },
58 |     {
59 |       "id": 1003,
60 |       "category": "sustainability",
61 |       "title": "Highway Cleanup",
62 |       "description": "Help pick up trash along the highway.",
63 |       "location": "Highway 50",
64 |       "date": "July 22, 2022",
65 |       "time": "11:00",
66 |       "petsAllowed": false,
67 |       "organizer": "Brody Kill"
68 |     }
69 |   ]
70 | }
71 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" href="/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Real World Vue</title>
 8 |   </head>
 9 |   <body>
10 |     <div id="app"></div>
11 |     <script type="module" src="/src/main.js"></script>
12 |   </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-router",
 3 |   "version": "0.0.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "vite",
 7 |     "build": "vite build",
 8 |     "preview": "vite preview"
 9 |   },
10 |   "dependencies": {
11 |     "axios": "^1.4.0",
12 |     "vue": "^3.2.47",
13 |     "vue-router": "^4.1.6"
14 |   },
15 |   "devDependencies": {
16 |     "@vitejs/plugin-vue": "^4.2.1",
17 |     "vite": "^4.3.4"
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Code-Pop/Touring-Vue-Router-Composition-API/e01cde17cdaa5e2117412011f0ceaa6fd9ffcb74/public/favicon.ico


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <div id="nav">
 4 |       <router-link :to="{ name: 'EventList' }">Events</router-link> |
 5 |       <router-link :to="{ name: 'About' }">About</router-link>
 6 |     </div>
 7 |     <router-view />
 8 |   </div>
 9 | </template>
10 | 
11 | <style>
12 |   #app {
13 |     font-family: Avenir, Helvetica, Arial, sans-serif;
14 |     -webkit-font-smoothing: antialiased;
15 |     -moz-osx-font-smoothing: grayscale;
16 |     text-align: center;
17 |     color: #2c3e50;
18 |   }
19 | 
20 |   #nav {
21 |     padding: 30px;
22 |   }
23 | 
24 |   #nav a {
25 |     font-weight: bold;
26 |     color: #2c3e50;
27 |   }
28 | 
29 |   #nav a.router-link-exact-active {
30 |     color: #42b983;
31 |   }
32 | 
33 |   h4 {
34 |     font-size: 20px;
35 |   }
36 | </style>
37 | 


--------------------------------------------------------------------------------
/src/assets/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
2 | 


--------------------------------------------------------------------------------
/src/components/EventCard.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 | defineProps({
 3 |   event: {
 4 |     type: Object,
 5 |     required: true,
 6 |   },
 7 | });
 8 | </script>
 9 | 
10 | <template>
11 |   <router-link
12 |     class="event-link"
13 |     :to="{ name: 'EventDetails', params: { id: event.id } }"
14 |   >
15 |     <div class="event-card">
16 |       <h2>{{ event.title }}</h2>
17 |       <span>@{{ event.time }} on {{ event.date }}</span>
18 |     </div>
19 |   </router-link>
20 | </template>
21 | 
22 | <style scoped>
23 | .event-card {
24 |   padding: 20px;
25 |   width: 250px;
26 |   cursor: pointer;
27 |   border: 1px solid #39495c;
28 |   margin-bottom: 18px;
29 | }
30 | 
31 | .event-card:hover {
32 |   transform: scale(1.01);
33 |   box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
34 | }
35 | 
36 | .event-link {
37 |   color: #2c3e50;
38 |   text-decoration: none;
39 | }
40 | </style>
41 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import { createApp } from "vue";
 2 | import App from "./App.vue";
 3 | import router from "./router";
 4 | 
 5 | const app = createApp(App);
 6 | 
 7 | app.use(router);
 8 | 
 9 | app.mount("#app");
10 | 


--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
 1 | import { createRouter, createWebHistory } from "vue-router";
 2 | import EventList from "@/views/EventList.vue";
 3 | import EventDetails from "@/views/EventDetails.vue";
 4 | import About from "@/views/About.vue";
 5 | 
 6 | const routes = [
 7 |   {
 8 |     path: "/",
 9 |     name: "EventList",
10 |     component: EventList,
11 |   },
12 |   {
13 |     path: "/event/:id",
14 |     name: "EventDetails",
15 |     props: true,
16 |     component: EventDetails,
17 |   },
18 |   {
19 |     path: "/about",
20 |     name: "About",
21 |     component: About,
22 |   },
23 | ];
24 | 
25 | const router = createRouter({
26 |   history: createWebHistory(import.meta.env.BASE_URL),
27 |   routes,
28 | });
29 | 
30 | export default router;
31 | 


--------------------------------------------------------------------------------
/src/services/EventService.js:
--------------------------------------------------------------------------------
 1 | import axios from 'axios'
 2 | 
 3 | const apiClient = axios.create({
 4 |   baseURL: 'https://my-json-server.typicode.com/Code-Pop/Touring-Vue-Router',
 5 |   withCredentials: false,
 6 |   headers: {
 7 |     Accept: 'application/json',
 8 |     'Content-Type': 'application/json'
 9 |   }
10 | })
11 | 
12 | export default {
13 |   getEvents() {
14 |     return apiClient.get('/events')
15 |   },
16 |   getEvent(id) {
17 |     return apiClient.get('/events/' + id)
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/src/views/About.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <div class="about">
3 |     <p>A site for events to better the world.</p>
4 |   </div>
5 | </template>
6 | 


--------------------------------------------------------------------------------
/src/views/EventDetails.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 | import EventService from "@/services/EventService.js";
 3 | import { computed, onMounted, ref } from "vue";
 4 | 
 5 | const props = defineProps(["id"]);
 6 | 
 7 | const event = ref("");
 8 | const id = computed(() => props.id);
 9 | onMounted(() => {
10 |   EventService.getEvent(id.value)
11 |     .then((response) => {
12 |       event.value = response.data;
13 |     })
14 |     .catch((error) => {
15 |       console.log(error);
16 |     });
17 | });
18 | </script>
19 | 
20 | <template>
21 |   <div v-if="event">
22 |     <h1>{{ event.title }}</h1>
23 |     <p>{{ event.time }} on {{ event.date }} @ {{ event.location }}</p>
24 |     <p>{{ event.description }}</p>
25 |   </div>
26 | </template>
27 | 


--------------------------------------------------------------------------------
/src/views/EventList.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 |   import EventCard from "@/components/EventCard.vue";
 3 |   import EventService from "@/services/EventService.js";
 4 |   import { onMounted, ref } from "vue";
 5 | 
 6 |   const events = ref("");
 7 | 
 8 |   onMounted(() => {
 9 |     EventService.getEvents()
10 |       .then((response) => {
11 |         events.value = response.data;
12 |       })
13 |       .catch((error) => {
14 |         console.log(error);
15 |       });
16 |   });
17 | </script>
18 | 
19 | <template>
20 |   <h1>Events for Good</h1>
21 |   <div class="events">
22 |     <EventCard v-for="event in events" :key="event.id" :event="event" />
23 |   </div>
24 | </template>
25 | 
26 | <style scoped>
27 | .events {
28 |   display: flex;
29 |   flex-direction: column;
30 |   align-items: center;
31 | }
32 | </style>
33 | 


--------------------------------------------------------------------------------
/vite.config.js:
--------------------------------------------------------------------------------
 1 | import { fileURLToPath, URL } from 'node:url'
 2 | 
 3 | import { defineConfig } from 'vite'
 4 | import vue from '@vitejs/plugin-vue'
 5 | 
 6 | // https://vitejs.dev/config/
 7 | export default defineConfig({
 8 |   plugins: [vue()],
 9 |   resolve: {
10 |     alias: {
11 |       '@': fileURLToPath(new URL('./src', import.meta.url))
12 |     }
13 |   }
14 | })
15 | 


--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
  1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
  2 | # yarn lockfile v1
  3 | 
  4 | 
  5 | "@babel/parser@^7.20.15", "@babel/parser@^7.21.3":
  6 |   version "7.21.8"
  7 |   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.8.tgz#642af7d0333eab9c0ad70b14ac5e76dbde7bfdf8"
  8 |   integrity sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==
  9 | 
 10 | "@esbuild/android-arm64@0.17.18":
 11 |   version "0.17.18"
 12 |   resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.18.tgz#4aa8d8afcffb4458736ca9b32baa97d7cb5861ea"
 13 |   integrity sha512-/iq0aK0eeHgSC3z55ucMAHO05OIqmQehiGay8eP5l/5l+iEr4EIbh4/MI8xD9qRFjqzgkc0JkX0LculNC9mXBw==
 14 | 
 15 | "@esbuild/android-arm@0.17.18":
 16 |   version "0.17.18"
 17 |   resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.18.tgz#74a7e95af4ee212ebc9db9baa87c06a594f2a427"
 18 |   integrity sha512-EmwL+vUBZJ7mhFCs5lA4ZimpUH3WMAoqvOIYhVQwdIgSpHC8ImHdsRyhHAVxpDYUSm0lWvd63z0XH1IlImS2Qw==
 19 | 
 20 | "@esbuild/android-x64@0.17.18":
 21 |   version "0.17.18"
 22 |   resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.18.tgz#1dcd13f201997c9fe0b204189d3a0da4eb4eb9b6"
 23 |   integrity sha512-x+0efYNBF3NPW2Xc5bFOSFW7tTXdAcpfEg2nXmxegm4mJuVeS+i109m/7HMiOQ6M12aVGGFlqJX3RhNdYM2lWg==
 24 | 
 25 | "@esbuild/darwin-arm64@0.17.18":
 26 |   version "0.17.18"
 27 |   resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.18.tgz#444f3b961d4da7a89eb9bd35cfa4415141537c2a"
 28 |   integrity sha512-6tY+djEAdF48M1ONWnQb1C+6LiXrKjmqjzPNPWXhu/GzOHTHX2nh8Mo2ZAmBFg0kIodHhciEgUBtcYCAIjGbjQ==
 29 | 
 30 | "@esbuild/darwin-x64@0.17.18":
 31 |   version "0.17.18"
 32 |   resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.18.tgz#a6da308d0ac8a498c54d62e0b2bfb7119b22d315"
 33 |   integrity sha512-Qq84ykvLvya3dO49wVC9FFCNUfSrQJLbxhoQk/TE1r6MjHo3sFF2tlJCwMjhkBVq3/ahUisj7+EpRSz0/+8+9A==
 34 | 
 35 | "@esbuild/freebsd-arm64@0.17.18":
 36 |   version "0.17.18"
 37 |   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.18.tgz#b83122bb468889399d0d63475d5aea8d6829c2c2"
 38 |   integrity sha512-fw/ZfxfAzuHfaQeMDhbzxp9mc+mHn1Y94VDHFHjGvt2Uxl10mT4CDavHm+/L9KG441t1QdABqkVYwakMUeyLRA==
 39 | 
 40 | "@esbuild/freebsd-x64@0.17.18":
 41 |   version "0.17.18"
 42 |   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.18.tgz#af59e0e03fcf7f221b34d4c5ab14094862c9c864"
 43 |   integrity sha512-FQFbRtTaEi8ZBi/A6kxOC0V0E9B/97vPdYjY9NdawyLd4Qk5VD5g2pbWN2VR1c0xhzcJm74HWpObPszWC+qTew==
 44 | 
 45 | "@esbuild/linux-arm64@0.17.18":
 46 |   version "0.17.18"
 47 |   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.18.tgz#8551d72ba540c5bce4bab274a81c14ed01eafdcf"
 48 |   integrity sha512-R7pZvQZFOY2sxUG8P6A21eq6q+eBv7JPQYIybHVf1XkQYC+lT7nDBdC7wWKTrbvMXKRaGudp/dzZCwL/863mZQ==
 49 | 
 50 | "@esbuild/linux-arm@0.17.18":
 51 |   version "0.17.18"
 52 |   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.18.tgz#e09e76e526df4f665d4d2720d28ff87d15cdf639"
 53 |   integrity sha512-jW+UCM40LzHcouIaqv3e/oRs0JM76JfhHjCavPxMUti7VAPh8CaGSlS7cmyrdpzSk7A+8f0hiedHqr/LMnfijg==
 54 | 
 55 | "@esbuild/linux-ia32@0.17.18":
 56 |   version "0.17.18"
 57 |   resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.18.tgz#47878860ce4fe73a36fd8627f5647bcbbef38ba4"
 58 |   integrity sha512-ygIMc3I7wxgXIxk6j3V00VlABIjq260i967Cp9BNAk5pOOpIXmd1RFQJQX9Io7KRsthDrQYrtcx7QCof4o3ZoQ==
 59 | 
 60 | "@esbuild/linux-loong64@0.17.18":
 61 |   version "0.17.18"
 62 |   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.18.tgz#3f8fbf5267556fc387d20b2e708ce115de5c967a"
 63 |   integrity sha512-bvPG+MyFs5ZlwYclCG1D744oHk1Pv7j8psF5TfYx7otCVmcJsEXgFEhQkbhNW8otDHL1a2KDINW20cfCgnzgMQ==
 64 | 
 65 | "@esbuild/linux-mips64el@0.17.18":
 66 |   version "0.17.18"
 67 |   resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.18.tgz#9d896d8f3c75f6c226cbeb840127462e37738226"
 68 |   integrity sha512-oVqckATOAGuiUOa6wr8TXaVPSa+6IwVJrGidmNZS1cZVx0HqkTMkqFGD2HIx9H1RvOwFeWYdaYbdY6B89KUMxA==
 69 | 
 70 | "@esbuild/linux-ppc64@0.17.18":
 71 |   version "0.17.18"
 72 |   resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.18.tgz#3d9deb60b2d32c9985bdc3e3be090d30b7472783"
 73 |   integrity sha512-3dLlQO+b/LnQNxgH4l9rqa2/IwRJVN9u/bK63FhOPB4xqiRqlQAU0qDU3JJuf0BmaH0yytTBdoSBHrb2jqc5qQ==
 74 | 
 75 | "@esbuild/linux-riscv64@0.17.18":
 76 |   version "0.17.18"
 77 |   resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.18.tgz#8a943cf13fd24ff7ed58aefb940ef178f93386bc"
 78 |   integrity sha512-/x7leOyDPjZV3TcsdfrSI107zItVnsX1q2nho7hbbQoKnmoeUWjs+08rKKt4AUXju7+3aRZSsKrJtaRmsdL1xA==
 79 | 
 80 | "@esbuild/linux-s390x@0.17.18":
 81 |   version "0.17.18"
 82 |   resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.18.tgz#66cb01f4a06423e5496facabdce4f7cae7cb80e5"
 83 |   integrity sha512-cX0I8Q9xQkL/6F5zWdYmVf5JSQt+ZfZD2bJudZrWD+4mnUvoZ3TDDXtDX2mUaq6upMFv9FlfIh4Gfun0tbGzuw==
 84 | 
 85 | "@esbuild/linux-x64@0.17.18":
 86 |   version "0.17.18"
 87 |   resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.18.tgz#23c26050c6c5d1359c7b774823adc32b3883b6c9"
 88 |   integrity sha512-66RmRsPlYy4jFl0vG80GcNRdirx4nVWAzJmXkevgphP1qf4dsLQCpSKGM3DUQCojwU1hnepI63gNZdrr02wHUA==
 89 | 
 90 | "@esbuild/netbsd-x64@0.17.18":
 91 |   version "0.17.18"
 92 |   resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.18.tgz#789a203d3115a52633ff6504f8cbf757f15e703b"
 93 |   integrity sha512-95IRY7mI2yrkLlTLb1gpDxdC5WLC5mZDi+kA9dmM5XAGxCME0F8i4bYH4jZreaJ6lIZ0B8hTrweqG1fUyW7jbg==
 94 | 
 95 | "@esbuild/openbsd-x64@0.17.18":
 96 |   version "0.17.18"
 97 |   resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.18.tgz#d7b998a30878f8da40617a10af423f56f12a5e90"
 98 |   integrity sha512-WevVOgcng+8hSZ4Q3BKL3n1xTv5H6Nb53cBrtzzEjDbbnOmucEVcZeGCsCOi9bAOcDYEeBZbD2SJNBxlfP3qiA==
 99 | 
100 | "@esbuild/sunos-x64@0.17.18":
101 |   version "0.17.18"
102 |   resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.18.tgz#ecad0736aa7dae07901ba273db9ef3d3e93df31f"
103 |   integrity sha512-Rzf4QfQagnwhQXVBS3BYUlxmEbcV7MY+BH5vfDZekU5eYpcffHSyjU8T0xucKVuOcdCsMo+Ur5wmgQJH2GfNrg==
104 | 
105 | "@esbuild/win32-arm64@0.17.18":
106 |   version "0.17.18"
107 |   resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.18.tgz#58dfc177da30acf956252d7c8ae9e54e424887c4"
108 |   integrity sha512-Kb3Ko/KKaWhjeAm2YoT/cNZaHaD1Yk/pa3FTsmqo9uFh1D1Rfco7BBLIPdDOozrObj2sahslFuAQGvWbgWldAg==
109 | 
110 | "@esbuild/win32-ia32@0.17.18":
111 |   version "0.17.18"
112 |   resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.18.tgz#340f6163172b5272b5ae60ec12c312485f69232b"
113 |   integrity sha512-0/xUMIdkVHwkvxfbd5+lfG7mHOf2FRrxNbPiKWg9C4fFrB8H0guClmaM3BFiRUYrznVoyxTIyC/Ou2B7QQSwmw==
114 | 
115 | "@esbuild/win32-x64@0.17.18":
116 |   version "0.17.18"
117 |   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.18.tgz#3a8e57153905308db357fd02f57c180ee3a0a1fa"
118 |   integrity sha512-qU25Ma1I3NqTSHJUOKi9sAH1/Mzuvlke0ioMJRthLXKm7JiSKVwFghlGbDLOO2sARECGhja4xYfRAZNPAkooYg==
119 | 
120 | "@jridgewell/sourcemap-codec@^1.4.13":
121 |   version "1.4.15"
122 |   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
123 |   integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
124 | 
125 | "@vitejs/plugin-vue@^4.2.1":
126 |   version "4.2.2"
127 |   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.2.2.tgz#eb145aa86e673e5e3620132851200dcd604af8cf"
128 |   integrity sha512-kNH4wMAqs13UiZe/2If1ioO0Mjz71rr2oALTl2c5ajBIox9Vz/UGW/wGkr7GA3SC6Eb29c1HtzAtxdGfbXAkfQ==
129 | 
130 | "@vue/compiler-core@3.3.1":
131 |   version "3.3.1"
132 |   resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.3.1.tgz#4e60a13a4dc65dd1f70e19d30f3746d4f9367af2"
133 |   integrity sha512-5le1qYSBgLWg2jdLrbydlhnPJkkzMw46UrRUvTnOKlfg6pThtm9ohhqBhNPHbr0RcM1MCbK5WZe/3Ghz0SZjpQ==
134 |   dependencies:
135 |     "@babel/parser" "^7.21.3"
136 |     "@vue/shared" "3.3.1"
137 |     estree-walker "^2.0.2"
138 |     source-map-js "^1.0.2"
139 | 
140 | "@vue/compiler-dom@3.3.1":
141 |   version "3.3.1"
142 |   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.3.1.tgz#2d94431071377ace74c770aafb6ab2d62205b336"
143 |   integrity sha512-VmgIsoLivCft3+oNc5KM7b9wd0nZxP/g2qilMwi1hJyGA624KWnNKHn4hzBQs4FpzydUVpNy+TWVT8KiRCh3MQ==
144 |   dependencies:
145 |     "@vue/compiler-core" "3.3.1"
146 |     "@vue/shared" "3.3.1"
147 | 
148 | "@vue/compiler-sfc@3.3.1":
149 |   version "3.3.1"
150 |   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.3.1.tgz#16a614fe9c85f35ca0e4333793441edb126323fc"
151 |   integrity sha512-G+FPwBbXSLaA4+Ry5/bdD9Oda+sRslQcE9o6JSZaougRiT4OjVL0vtkbQHPrGRTULZV28OcrAjRfSZOSB0OTXQ==
152 |   dependencies:
153 |     "@babel/parser" "^7.20.15"
154 |     "@vue/compiler-core" "3.3.1"
155 |     "@vue/compiler-dom" "3.3.1"
156 |     "@vue/compiler-ssr" "3.3.1"
157 |     "@vue/reactivity-transform" "3.3.1"
158 |     "@vue/shared" "3.3.1"
159 |     estree-walker "^2.0.2"
160 |     magic-string "^0.30.0"
161 |     postcss "^8.1.10"
162 |     source-map-js "^1.0.2"
163 | 
164 | "@vue/compiler-ssr@3.3.1":
165 |   version "3.3.1"
166 |   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.3.1.tgz#4572a5ff79fefd1ba68cb57f024763f5d004f7b3"
167 |   integrity sha512-QOQWGNCWuSeyKx4KvWSJlnIMGg+/2oCHgkFUYo7aJ+9Uaaz45yRgKQ+FNigy50NYBQIhpXn2e4OSR8GXh4knrQ==
168 |   dependencies:
169 |     "@vue/compiler-dom" "3.3.1"
170 |     "@vue/shared" "3.3.1"
171 | 
172 | "@vue/devtools-api@^6.5.0":
173 |   version "6.5.0"
174 |   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.5.0.tgz#98b99425edee70b4c992692628fa1ea2c1e57d07"
175 |   integrity sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==
176 | 
177 | "@vue/reactivity-transform@3.3.1":
178 |   version "3.3.1"
179 |   resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.3.1.tgz#35000e3bd4d481b228e5f0b97eb652ec9e6894dc"
180 |   integrity sha512-MkOrJauAGH4MNdxGW/PmrDegMyOGX0wGIdKUZJRBXOTpotDONg7/TPJe2QeGeBCow/5v9iOqZOWCfvmOWIaDMg==
181 |   dependencies:
182 |     "@babel/parser" "^7.20.15"
183 |     "@vue/compiler-core" "3.3.1"
184 |     "@vue/shared" "3.3.1"
185 |     estree-walker "^2.0.2"
186 |     magic-string "^0.30.0"
187 | 
188 | "@vue/reactivity@3.3.1":
189 |   version "3.3.1"
190 |   resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.3.1.tgz#b134186493113f9f8c3fb6d65a047e19825a46e1"
191 |   integrity sha512-zCfmazOtyUdC1NS/EPiSYJ4RqojqmTAviJyBbyVvY8zAv5NhK44Yfw0E1tt+m5vz0ZO1ptI9jDKBr3MWIEkpgw==
192 |   dependencies:
193 |     "@vue/shared" "3.3.1"
194 | 
195 | "@vue/runtime-core@3.3.1":
196 |   version "3.3.1"
197 |   resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.3.1.tgz#ed244dcb48d4e1e2079bf7d698a218e5b8ef5f62"
198 |   integrity sha512-Ljb37LYafhQqKIasc0r32Cva8gIh6VeSMjlwO6V03tCjHd18gmjP0F4UD+8/a59sGTysAgA8Rb9lIC2DVxRz2Q==
199 |   dependencies:
200 |     "@vue/reactivity" "3.3.1"
201 |     "@vue/shared" "3.3.1"
202 | 
203 | "@vue/runtime-dom@3.3.1":
204 |   version "3.3.1"
205 |   resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.3.1.tgz#c07aef5b72385a2f22fdc82a203db6eba7f39fb4"
206 |   integrity sha512-NBjYbQPtMklb7lsJsM2Juv5Ygry6mvZP7PdH1GZqrzfLkvlplQT3qCtQMd/sib6yiy8t9m/Y4hVU7X9nzb9Oeg==
207 |   dependencies:
208 |     "@vue/runtime-core" "3.3.1"
209 |     "@vue/shared" "3.3.1"
210 |     csstype "^3.1.1"
211 | 
212 | "@vue/server-renderer@3.3.1":
213 |   version "3.3.1"
214 |   resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.3.1.tgz#c750a775ca4abd8213748a540cce7344af00dac4"
215 |   integrity sha512-sod8ggOwbkQXw3lBjfzrbdxRS9lw/lNHoMaXghHawNYowf+4WoaLWD5ouz6fPZadUqNKAsqK95p8DYb1vcVfPA==
216 |   dependencies:
217 |     "@vue/compiler-ssr" "3.3.1"
218 |     "@vue/shared" "3.3.1"
219 | 
220 | "@vue/shared@3.3.1":
221 |   version "3.3.1"
222 |   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.3.1.tgz#875a1c1847ec0646fc3dbe5581cb46b49ca3c469"
223 |   integrity sha512-ybDBtQ+479HL/bkeIOIAwgpeAEACzztkvulJLbK3JMFuTOv4qDivmV3AIsR8RHYJ+RD9tQxcHWBsX4GqEcYrfw==
224 | 
225 | asynckit@^0.4.0:
226 |   version "0.4.0"
227 |   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
228 |   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
229 | 
230 | axios@^1.4.0:
231 |   version "1.4.0"
232 |   resolved "https://registry.yarnpkg.com/axios/-/axios-1.4.0.tgz#38a7bf1224cd308de271146038b551d725f0be1f"
233 |   integrity sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==
234 |   dependencies:
235 |     follow-redirects "^1.15.0"
236 |     form-data "^4.0.0"
237 |     proxy-from-env "^1.1.0"
238 | 
239 | combined-stream@^1.0.8:
240 |   version "1.0.8"
241 |   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
242 |   integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
243 |   dependencies:
244 |     delayed-stream "~1.0.0"
245 | 
246 | csstype@^3.1.1:
247 |   version "3.1.2"
248 |   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
249 |   integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
250 | 
251 | delayed-stream@~1.0.0:
252 |   version "1.0.0"
253 |   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
254 |   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
255 | 
256 | esbuild@^0.17.5:
257 |   version "0.17.18"
258 |   resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.18.tgz#f4f8eb6d77384d68cd71c53eb6601c7efe05e746"
259 |   integrity sha512-z1lix43jBs6UKjcZVKOw2xx69ffE2aG0PygLL5qJ9OS/gy0Ewd1gW/PUQIOIQGXBHWNywSc0floSKoMFF8aK2w==
260 |   optionalDependencies:
261 |     "@esbuild/android-arm" "0.17.18"
262 |     "@esbuild/android-arm64" "0.17.18"
263 |     "@esbuild/android-x64" "0.17.18"
264 |     "@esbuild/darwin-arm64" "0.17.18"
265 |     "@esbuild/darwin-x64" "0.17.18"
266 |     "@esbuild/freebsd-arm64" "0.17.18"
267 |     "@esbuild/freebsd-x64" "0.17.18"
268 |     "@esbuild/linux-arm" "0.17.18"
269 |     "@esbuild/linux-arm64" "0.17.18"
270 |     "@esbuild/linux-ia32" "0.17.18"
271 |     "@esbuild/linux-loong64" "0.17.18"
272 |     "@esbuild/linux-mips64el" "0.17.18"
273 |     "@esbuild/linux-ppc64" "0.17.18"
274 |     "@esbuild/linux-riscv64" "0.17.18"
275 |     "@esbuild/linux-s390x" "0.17.18"
276 |     "@esbuild/linux-x64" "0.17.18"
277 |     "@esbuild/netbsd-x64" "0.17.18"
278 |     "@esbuild/openbsd-x64" "0.17.18"
279 |     "@esbuild/sunos-x64" "0.17.18"
280 |     "@esbuild/win32-arm64" "0.17.18"
281 |     "@esbuild/win32-ia32" "0.17.18"
282 |     "@esbuild/win32-x64" "0.17.18"
283 | 
284 | estree-walker@^2.0.2:
285 |   version "2.0.2"
286 |   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
287 |   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
288 | 
289 | follow-redirects@^1.15.0:
290 |   version "1.15.2"
291 |   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
292 |   integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
293 | 
294 | form-data@^4.0.0:
295 |   version "4.0.0"
296 |   resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
297 |   integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
298 |   dependencies:
299 |     asynckit "^0.4.0"
300 |     combined-stream "^1.0.8"
301 |     mime-types "^2.1.12"
302 | 
303 | fsevents@~2.3.2:
304 |   version "2.3.2"
305 |   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
306 |   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
307 | 
308 | magic-string@^0.30.0:
309 |   version "0.30.0"
310 |   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.0.tgz#fd58a4748c5c4547338a424e90fa5dd17f4de529"
311 |   integrity sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==
312 |   dependencies:
313 |     "@jridgewell/sourcemap-codec" "^1.4.13"
314 | 
315 | mime-db@1.52.0:
316 |   version "1.52.0"
317 |   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
318 |   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
319 | 
320 | mime-types@^2.1.12:
321 |   version "2.1.35"
322 |   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
323 |   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
324 |   dependencies:
325 |     mime-db "1.52.0"
326 | 
327 | nanoid@^3.3.6:
328 |   version "3.3.6"
329 |   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
330 |   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
331 | 
332 | picocolors@^1.0.0:
333 |   version "1.0.0"
334 |   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
335 |   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
336 | 
337 | postcss@^8.1.10, postcss@^8.4.23:
338 |   version "8.4.23"
339 |   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.23.tgz#df0aee9ac7c5e53e1075c24a3613496f9e6552ab"
340 |   integrity sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==
341 |   dependencies:
342 |     nanoid "^3.3.6"
343 |     picocolors "^1.0.0"
344 |     source-map-js "^1.0.2"
345 | 
346 | proxy-from-env@^1.1.0:
347 |   version "1.1.0"
348 |   resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
349 |   integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
350 | 
351 | rollup@^3.21.0:
352 |   version "3.21.6"
353 |   resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.21.6.tgz#f5649ccdf8fcc7729254faa457cbea9547eb86db"
354 |   integrity sha512-SXIICxvxQxR3D4dp/3LDHZIJPC8a4anKMHd4E3Jiz2/JnY+2bEjqrOokAauc5ShGVNFHlEFjBXAXlaxkJqIqSg==
355 |   optionalDependencies:
356 |     fsevents "~2.3.2"
357 | 
358 | source-map-js@^1.0.2:
359 |   version "1.0.2"
360 |   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
361 |   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
362 | 
363 | vite@^4.3.4:
364 |   version "4.3.5"
365 |   resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.5.tgz#3871fe0f4b582ea7f49a85386ac80e84826367d9"
366 |   integrity sha512-0gEnL9wiRFxgz40o/i/eTBwm+NEbpUeTWhzKrZDSdKm6nplj+z4lKz8ANDgildxHm47Vg8EUia0aicKbawUVVA==
367 |   dependencies:
368 |     esbuild "^0.17.5"
369 |     postcss "^8.4.23"
370 |     rollup "^3.21.0"
371 |   optionalDependencies:
372 |     fsevents "~2.3.2"
373 | 
374 | vue-router@^4.1.6:
375 |   version "4.2.0"
376 |   resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.2.0.tgz#558f31978a21ce3accf5122ffdf2cec34a5d2517"
377 |   integrity sha512-c+usESa6ZoWsm4PPdzRSyenp5A4dsUtnDJnrI03fY1IpIihA9TK3x5ffgkFDpjhLJZewsXoKURapNLFdZjuqTg==
378 |   dependencies:
379 |     "@vue/devtools-api" "^6.5.0"
380 | 
381 | vue@^3.2.47:
382 |   version "3.3.1"
383 |   resolved "https://registry.yarnpkg.com/vue/-/vue-3.3.1.tgz#267372cecd953900412bb00108bb56a591f57d33"
384 |   integrity sha512-3Rwy4I5idbPVSDZu6I+fFh6tdDSZbauImCTqLxE7y0LpHtiDvPeY01OI7RkFPbva1nk4hoO0sv/NzosH2h60sg==
385 |   dependencies:
386 |     "@vue/compiler-dom" "3.3.1"
387 |     "@vue/compiler-sfc" "3.3.1"
388 |     "@vue/runtime-dom" "3.3.1"
389 |     "@vue/server-renderer" "3.3.1"
390 |     "@vue/shared" "3.3.1"
391 | 


--------------------------------------------------------------------------------