diff --git a/app/assets/components/Alert.vue b/app/assets/components/AlertContainer.vue
similarity index 85%
rename from app/assets/components/Alert.vue
rename to app/assets/components/AlertContainer.vue
index fb45ea2..1986a86 100644
--- a/app/assets/components/Alert.vue
+++ b/app/assets/components/AlertContainer.vue
@@ -1,6 +1,6 @@
 <script setup>
-const props = defineProps({
-    alert: Object
+defineProps({
+    alert: [Object, null]
 })
 </script>
 
diff --git a/app/assets/components/Auth/Check.vue b/app/assets/components/Auth/AuthCheck.vue
similarity index 96%
rename from app/assets/components/Auth/Check.vue
rename to app/assets/components/Auth/AuthCheck.vue
index 7e7b3ef..c16e58e 100644
--- a/app/assets/components/Auth/Check.vue
+++ b/app/assets/components/Auth/AuthCheck.vue
@@ -14,7 +14,7 @@ auth.check()
                 :icon="['fas', 'circle-check']" />
             <font-awesome-icon
                 class="uk-text-danger"
-                v-else="auth.auth"
+                v-else
                 :icon="['fas', 'circle-xmark']" />
         </p>
         <p v-if="auth.auth">
diff --git a/app/assets/components/Auth/Login.vue b/app/assets/components/Auth/AuthLogin.vue
similarity index 96%
rename from app/assets/components/Auth/Login.vue
rename to app/assets/components/Auth/AuthLogin.vue
index 302b01a..c7cbef2 100644
--- a/app/assets/components/Auth/Login.vue
+++ b/app/assets/components/Auth/AuthLogin.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { useAuthStore } from '../../stores/auth.js'
-import Alert from '../Alert.vue'
+import Alert from '../AlertContainer.vue'
 
 const auth = useAuthStore()
 
diff --git a/app/assets/components/Auth/Logout.vue b/app/assets/components/Auth/AuthLogout.vue
similarity index 100%
rename from app/assets/components/Auth/Logout.vue
rename to app/assets/components/Auth/AuthLogout.vue
diff --git a/app/assets/components/Resources.vue b/app/assets/components/ResourcesList.vue
similarity index 92%
rename from app/assets/components/Resources.vue
rename to app/assets/components/ResourcesList.vue
index d353adc..c75a6b2 100644
--- a/app/assets/components/Resources.vue
+++ b/app/assets/components/ResourcesList.vue
@@ -21,7 +21,7 @@ getList()
 
 <template>
     <ul class="uk-list">
-        <li v-for="item in resources">
+        <li v-for="item in resources" :key="item.id">
             <a class="uk-button uk-button-default" :href="item.url">
                 #{{ item.number }} - {{ item.title }}
             </a>
diff --git a/app/assets/views/ApiView.vue b/app/assets/views/ApiView.vue
index a1e4c77..fb681e8 100644
--- a/app/assets/views/ApiView.vue
+++ b/app/assets/views/ApiView.vue
@@ -1,5 +1,5 @@
 <script setup>
-import Resources from '../components/Resources.vue'
+import Resources from '../components/ResourcesList.vue'
 </script>
 
 <template>
diff --git a/app/assets/views/AuthView.vue b/app/assets/views/AuthView.vue
index 5516fb8..8a49ab0 100644
--- a/app/assets/views/AuthView.vue
+++ b/app/assets/views/AuthView.vue
@@ -1,7 +1,7 @@
 <script setup>
-import AuthCheck from '../components/Auth/Check.vue'
-import Login from '../components/Auth/Login.vue'
-import Logout from '../components/Auth/Logout.vue'
+import AuthCheck from '../components/Auth/AuthCheck.vue'
+import Login from '../components/Auth/AuthLogin.vue'
+import Logout from '../components/Auth/AuthLogout.vue'
 import { useAuthStore } from '../stores/auth.js'
 const auth = useAuthStore()
 </script>
@@ -12,7 +12,7 @@ const auth = useAuthStore()
         <div v-if="auth.auth">
             <Logout />
         </div>
-        <div v-else="auth.auth">
+        <div v-else>
             <Login />
         </div>
         <div>