Daftar Gangguan Dialihkan Ke Posko Lain - Rekapitulasi Gangguan All

(Tabel 1 - Tabel 8)

src/main.ts

@@ -1,20 +1,20 @@
 // import 'devextreme/dist/css/dx.material.blue.light.compact.css'
 import '@lottiefiles/lottie-player'
 import '@/assets/css/main.css'
-import { createApp } from 'vue'
 import { createPinia } from 'pinia'
-import { createApolloProvider } from '@vue/apollo-option'
-import { apolloClient } from './utils/graphql'
 import App from './App.vue'
 import router from './router'
+import { createApp, provide, h } from 'vue'
+import { DefaultApolloClient } from '@vue/apollo-composable'
+import { apolloClient } from './utils/graphql'
 
-const app = createApp(App)
-
-const apolloProvider = createApolloProvider({
-    defaultClient: apolloClient,
-});
+const app = createApp({
+  setup() {
+    provide(DefaultApolloClient, apolloClient())
+  },
+  render: () => h(App),
+})
 
 app.use(createPinia())
-app.use(apolloProvider)
 app.use(router)
 app.mount('#app')