Merge pull request #433 from AlesInfiny/dependabot/npm_and_yarn/sampl…

…es/Dressca/dressca-frontend/heroicons/vue-2.0.18

npm-dressca-frontend: bump @heroicons/vue from 1.0.5 to 2.0.18 in /samples/Dressca/dressca-frontend

samples/Dressca/dressca-frontend/package.json

@@ -14,7 +14,7 @@
     "generate-client": "openapi-generator-cli generate -g typescript-axios -i ./../dressca-backend/src/Dressca.Web/dressca-api.json --additional-properties=withSeparateModelsAndApi=true,modelPackage=models,apiPackage=api,supportsES6=true -o ./src/generated/api-client"
   },
   "dependencies": {
-    "@heroicons/vue": "^1.0.5",
+    "@heroicons/vue": "^2.0.18",
     "axios": "^1.6.1",
     "pinia": "^2.0.11",
     "vee-validate": "^4.5.8",

samples/Dressca/dressca-frontend/src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ShoppingCartIcon } from '@heroicons/vue/solid';
+import { ShoppingCartIcon } from '@heroicons/vue/24/solid';
 import { useAuthenticationStore } from '@/stores/authentication/authentication';
 
 const authenticationStore = useAuthenticationStore();

samples/Dressca/dressca-frontend/src/components/basket/BasketItem.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import type { BasketItemResponse } from '@/generated/api-client/models/basket-item-response';
-import { TrashIcon } from '@heroicons/vue/outline';
+import { TrashIcon } from '@heroicons/vue/24/outline';
 import * as yup from 'yup';
 import { useField, useForm } from 'vee-validate';
 import currencyHelper from '@/shared/helpers/currencyHelper';

samples/Dressca/dressca-frontend/src/components/common/CarouselSlider.vue

@@ -3,8 +3,8 @@ import { onBeforeUnmount, onMounted, reactive } from 'vue';
 import {
   ChevronLeftIcon,
   ChevronRightIcon,
-  MinusSmIcon,
-} from '@heroicons/vue/solid';
+  MinusSmallIcon,
+} from '@heroicons/vue/24/solid';
 
 const props = defineProps<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -118,14 +118,14 @@ onBeforeUnmount(() => {
       <div class="flex justify-center">
         <template v-for="index in props.items.length" :key="index">
           <template v-if="index == state.currentIndex + 1">
-            <MinusSmIcon class="h-10 w-10 text-gray-500"></MinusSmIcon>
+            <MinusSmallIcon class="h-10 w-10 text-gray-500"></MinusSmallIcon>
           </template>
           <template v-if="index != state.currentIndex + 1">
-            <MinusSmIcon
+            <MinusSmallIcon
               class="h-10 w-10 text-gray-300"
               data-test="page-indicator"
               @click="selectSlide(index - 1)"
-            ></MinusSmIcon>
+            ></MinusSmallIcon>
           </template>
         </template>
       </div>

samples/Dressca/dressca-frontend/src/views/account/LoginView.vue

@@ -3,7 +3,7 @@ import { useField, useForm } from 'vee-validate';
 import * as yup from 'yup';
 import { validationItems } from '@/validation/validation-items';
 import { useAuthenticationStore } from '@/stores/authentication/authentication';
-import { MailIcon, KeyIcon } from '@heroicons/vue/solid';
+import { EnvelopeIcon, KeyIcon } from '@heroicons/vue/24/solid';
 import { useRoutingStore } from '@/stores/routing/routing';
 
 // フォーム固有のバリデーション定義
@@ -34,7 +34,7 @@ const signIn = () => {
     <form class="mt-8">
       <div class="form-group">
         <div class="flex justify-between">
-          <MailIcon class="h-8 w-8 text-blue-500 opacity-50" />
+          <EnvelopeIcon class="h-8 w-8 text-blue-500 opacity-50" />
           <input
             id="email"
             v-model="email"

samples/Dressca/dressca-frontend/tsconfig.json

@@ -10,5 +10,10 @@
     {
       "path": "./tsconfig.vitest.json"
     }
-  ]
+  ],
+  "compilerOptions": {
+    "typeRoots": [
+      "../node_modules/@heroicons/**/*.d.ts"
+    ]
+  },
 }