- added working typescript support to vue

- added bouncer support
- added UserPolicies
- added first user index call

resources/js/pages/Events/Index.vue

@@ -1,15 +1,25 @@
 <template>
+    <n-message-provider>
+        <FlashMessages 
+            :messages="props.flashMessages"
+        />
+    </n-message-provider>
     <div>
         Bin in Events
     </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import BELayout from '@/layouts/BELayout.vue'
+import FlashMessages from '@/components/FlashMessages.vue'
 
 defineOptions({
     layout: BELayout
 })
 
+const props = defineProps({
+    flashMessages: Object
+})
+
 </script>
 

resources/js/pages/Home.vue

@@ -1,13 +1,26 @@
 <template>
+    <n-message-provider>
+        <FlashMessages 
+            :messages="props.flashMessages"
+        />
+    </n-message-provider>
     <div>
         Willkommen auf der Hauptseite
     </div>
+    <div>
+        {{ helloWorld }}
+    </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
+import { ref } from 'vue'
+import FlashMessages from '@/components/FlashMessages.vue'
 
-defineProps({
+const props = defineProps({
     test: String,
+    flashMessages: Object
 })
 
+const helloWorld = ref<String>("helloWorld")
+
 </script>

resources/js/pages/Login.vue

@@ -46,11 +46,12 @@
     </n-form>
 </template>
 
-<script setup>
-    import { ref, reactive, watch } from 'vue'
+<script setup lang="ts">
+    import { ref } from 'vue'
     import { router } from '@inertiajs/vue3'
+    import type { FormInst } from 'naive-ui'
     import LoginLayout from '@/layouts/LoginLayout.vue'
-    import FlashMessages from '@/components/FlashMessages'
+    import FlashMessages from '@/components/FlashMessages.vue'
 
     defineOptions({ layout: LoginLayout })
     const props = defineProps(['flashMessages'])
@@ -60,7 +61,7 @@
         password: '',
     })
 
-    const formRef = ref(null)
+    const formRef = ref<FormInst | null>(null)
 
     const rules = ref({
         username: {
@@ -75,15 +76,6 @@
         }
     })
 
-    function translateLoginError(errorMsg) {
-        switch(errorMsg.split(":")[0]) {
-            case 'E_INVALID_AUTH_PASSWORD':
-                return "Falsches Passwort eingegeben."
-            case 'E_INVALID_AUTH_UID':
-                return "Benutzername nicht gefunden"
-        }
-    }
-
     function onClickLogin(){
         formRef.value?.validate((errors) => {
             if(!errors) router.post('login', form.value)

resources/js/pages/Users/Index.vue

@@ -1,14 +1,27 @@
 <template>
+   <n-message-provider>
+        <FlashMessages 
+            :messages="props.flashMessages"
+        />
+    </n-message-provider>
  <div>
     Bin in Users
  </div>
+ <div>
+   {{ users }}
+ </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 
 import BELayout from '@/layouts/BELayout.vue'
-import MainNav from '@/components/MainNav.vue'
+import FlashMessages from '@/components/FlashMessages.vue'
 
 defineOptions({ layout: BELayout })
 
+const props = defineProps({
+   users: Object,
+   flashMessages: Object
+})
+
 </script>