Remove axios package

Removed axios and use custom useFetch
6 changed files with 64 additions and 65 deletions
--- a/frontend/composables/axios.ts
+++ b/frontend/composables/axios.ts
@ -1,8 +0,0 @@
-import axios from 'axios'
-
-const request = axios.create({
-    baseURL: 'http://localhost:8080',
-    withCredentials: true,
-})
-
-export { request }
--- a/frontend/composables/fetch.ts
+++ b/frontend/composables/fetch.ts
@ -0,0 +1,25 @@
+import type { UseFetchOptions } from 'nuxt/app'
+
+const useCustomFetch = async <T>(
+    path: string,
+    options: UseFetchOptions<T> = {}
+) => {
+    let headers: any = {}
+    const token = useCookie('XSRF-TOKEN')
+
+    if (token.value) {
+        headers['X-XSRF-TOKEN'] = token.value as string
+    }
+
+    return useFetch('http://localhost:8080' + path, {
+        credentials: 'include',
+        watch: false,
+        ...options,
+        headers: {
+            ...headers,
+            ...options?.headers,
+        },
+    })
+}
+
+export { useCustomFetch }
--- a/frontend/composables/post.ts
+++ b/frontend/composables/post.ts
@ -33,7 +33,10 @@ const createNewPost = async (data: unknown) => {

    if (!parsedNewPost.success) return

-    const res = await request.post('/api/posts', parsedNewPost.data)
+    const { data: post } = await useCustomFetch('/api/posts', {
+        method: 'POST',
+        body: parsedNewPost.data,
+    })

    await fetchPosts()
 }
@ -51,11 +54,11 @@ const fetchPosts = async (refresh: Boolean = false) => {
            ? posts.value[posts.value.length - 1].sequence
            : 0

-    const data = await request.get('/api/posts', {
+    const { data } = await useCustomFetch('/api/posts', {
        params: { lastPost: lastPost },
    })

-    const response = responseValidator.safeParse(data.data)
+    const response = responseValidator.safeParse(data.value)

    if (!response.success) return

@ -63,10 +66,10 @@ const fetchPosts = async (refresh: Boolean = false) => {
 }

 export {
+    createNewPost,
+    fetchPosts,
    parsePost,
    parsePosts,
    PostValidator,
-    createNewPost,
    usePosts,
-    fetchPosts,
 }
--- a/frontend/composables/user.ts
+++ b/frontend/composables/user.ts
@ -17,8 +17,8 @@ const userLogin = async (email: String, password: String) => {

    if (!user.success) return user.error.format()

-    await request.get('/sanctum/csrf-cookie')
-    await request.post('/login', user.data)
+    await useCustomFetch('/sanctum/csrf-cookie')
+    await useCustomFetch('/login', { method: 'POST', body: user.data })

    await getUser()
 }
@ -35,29 +35,26 @@ const userSignup = async (data: unknown) => {

    if (!newUser.success) return newUser.error.format()

-    await request.post('/register', newUser.data)
+    await useCustomFetch('/register', { method: 'POST', body: newUser.data })

    await getUser()
 }

 const getUser = async () => {
-    await request
-        .get('/api/user')
-        .then(({ data }) => {
-            const parsed = loggedInUserSchema.safeParse(data)
+    const { data, error } = await useCustomFetch('/api/user')
+
+    if (error.value) return
+
+    const parsed = loggedInUserSchema.safeParse(data.value)
    if (!parsed.success) return
    useUser().value = parsed.data.name
-        })
-        .catch((error) => {
-            console.log(error)
-        })
 }

 const userLogout = async () => {
-    await request.post('/logout')
+    await useCustomFetch('/logout', { method: 'POST' })
    useUser().value = ''
 }

 const useUser = () => useState<String>('user', () => '')

-export { userLogin, useUser, getUser, userLogout, userSignup }
+export { getUser, userLogin, userLogout, userSignup, useUser }
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@ -7,7 +7,6 @@
      "name": "nuxt-app",
      "hasInstallScript": true,
      "dependencies": {
-        "axios": "^1.4.0",
        "zod": "^3.21.4"
      },
      "devDependencies": {
@ -3692,7 +3691,8 @@
    "node_modules/asynckit": {
      "version": "0.4.0",
      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true
    },
    "node_modules/at-least-node": {
      "version": "1.0.0",
@ -3748,16 +3748,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/axios": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
-      "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
-      "dependencies": {
-        "follow-redirects": "^1.15.0",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
-    },
    "node_modules/balanced-match": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@ -4631,6 +4621,7 @@
      "version": "1.0.8",
      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
      "dependencies": {
        "delayed-stream": "~1.0.0"
      },
@ -5468,6 +5459,7 @@
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true,
      "engines": {
        "node": ">=0.4.0"
      }
@ -6171,6 +6163,7 @@
      "version": "1.15.2",
      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "dev": true,
      "funding": [
        {
          "type": "individual",
@ -6227,6 +6220,7 @@
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dev": true,
      "dependencies": {
        "asynckit": "^0.4.0",
        "combined-stream": "^1.0.8",
@ -8285,6 +8279,7 @@
      "version": "1.52.0",
      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
      "engines": {
        "node": ">= 0.6"
      }
@ -8293,6 +8288,7 @@
      "version": "2.1.35",
      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
      "dependencies": {
        "mime-db": "1.52.0"
      },
@ -10789,11 +10785,6 @@
      "integrity": "sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==",
      "dev": true
    },
-    "node_modules/proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
-    },
    "node_modules/prr": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@ -16376,7 +16367,8 @@
    "asynckit": {
      "version": "0.4.0",
      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true
    },
    "at-least-node": {
      "version": "1.0.0",
@ -16404,16 +16396,6 @@
      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
      "dev": true
    },
-    "axios": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.4.0.tgz",
-      "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
-      "requires": {
-        "follow-redirects": "^1.15.0",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
-    },
    "balanced-match": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@ -17011,6 +16993,7 @@
      "version": "1.0.8",
      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
      "requires": {
        "delayed-stream": "~1.0.0"
      }
@ -17642,7 +17625,8 @@
    "delayed-stream": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true
    },
    "delegates": {
      "version": "1.0.0",
@ -18181,7 +18165,8 @@
    "follow-redirects": {
      "version": "1.15.2",
      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "dev": true
    },
    "for-each": {
      "version": "0.3.3",
@ -18214,6 +18199,7 @@
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dev": true,
      "requires": {
        "asynckit": "^0.4.0",
        "combined-stream": "^1.0.8",
@ -19789,12 +19775,14 @@
    "mime-db": {
      "version": "1.52.0",
      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true
    },
    "mime-types": {
      "version": "2.1.35",
      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
      "requires": {
        "mime-db": "1.52.0"
      }
@ -21516,11 +21504,6 @@
      "integrity": "sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==",
      "dev": true
    },
-    "proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
-    },
    "prr": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
--- a/frontend/package.json
+++ b/frontend/package.json
@ -20,7 +20,6 @@
    "prettier-plugin-tailwindcss": "^0.3.0"
  },
  "dependencies": {
-    "axios": "^1.4.0",
    "zod": "^3.21.4"
  }
 }
Author	SHA1	Message	Date
TZGyn	b38d62a787	Remove axios package	2 years ago
TZGyn	9747b39df4	Removed axios and use custom useFetch	2 years ago