Rename component to follow vue conventions

userfrosting · Apr 12, 2024 · 2262cd3 · 2262cd3
1 parent ca1eadd
commit 2262cd3
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 10 deletions.
diff --git a/app/assets/components/Alert.vue → app/assets/components/AlertContainer.vue b/app/assets/components/Alert.vue → 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 → app/assets/components/Auth/AuthCheck.vue b/app/assets/components/Auth/Check.vue → 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 → app/assets/components/Auth/AuthLogin.vue b/app/assets/components/Auth/Login.vue → 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 → app/assets/components/Auth/AuthLogout.vue b/app/assets/components/Auth/Logout.vue → app/assets/components/Auth/AuthLogout.vue
diff --git a/app/assets/components/Resources.vue → app/assets/components/ResourcesList.vue b/app/assets/components/Resources.vue → 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
@@ -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
@@ -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>