moving function into file

resources/js/common.js

@@ -0,0 +1,54 @@
+import { usePage } from "@inertiajs/inertia-vue3"
+
+window.translations = {}
+window.locale = localStorage.getItem('locale') || 'id'
+
+export const getAllDefinedTransaction = () => axios.get(route('api.translation.get', window.locale))
+                                                    .then(response => response.data)
+                                                    .then(response => window.translations = response)
+
+export const __ = (text, replacements = {}) => {
+  if (typeof text === 'string') {
+    if (window.translations.hasOwnProperty(text.trim().toLowerCase())) {
+      text = window.translations[text.trim().toLocaleLowerCase()]
+    } else {
+      axios.post(route(
+        'api.translation.register', window.locale
+      ), { text }).then(getAllDefinedTransaction)
+    }
+
+    for (const key in replacements) {
+      text = text.replace(new RegExp(`:${key}`, 'g'), replacements[key])
+    }
+  }
+
+  return text
+}
+
+export const can = (abilities) => {
+  const { $permissions } = usePage().props.value
+
+  if (Array.isArray(abilities)) {
+    for (const ability of abilities) {
+      if (can(ability)) {
+        return true
+      }
+    }
+  } else if (typeof abilities === 'string') {
+    return $permissions.find(permission => permission.name === abilities) !== undefined
+  } else if (typeof abilities === 'number') {
+    return $permissions.find(permission => permission.id === abilities) !== undefined
+  } else {
+    return false
+  }
+}
+
+export const authorization = () => {
+  const { $token } = usePage().props.value
+
+  if ($token) {
+    axios.defaults.headers.common['Authorization'] = `Bearer ${$token}`
+  }
+
+  return $token
+}