♻️ refactor(db.ts): replace custom shuffle with lodash

package.json

@@ -28,6 +28,7 @@
   "dependencies": {
     "@vueuse/core": "^10.5.0",
     "click-outside-vue3": "^4.0.1",
+    "lodash.shuffle": "^4.2.0",
     "pinia": "^2.1.7",
     "vue": "^3.3.4",
     "vue-router": "^4.2.5"
@@ -36,6 +37,7 @@
     "@rushstack/eslint-patch": "^1.3.3",
     "@tsconfig/node18": "^18.2.2",
     "@types/jsdom": "^21.1.3",
+    "@types/lodash.shuffle": "^4.2.8",
     "@types/node": "^18.18.5",
     "@vitejs/plugin-vue": "^4.4.0",
     "@vue/eslint-config-prettier": "^8.0.0",

src/stores/db.ts

@@ -1,7 +1,8 @@
 import { defineStore } from 'pinia'
 import statements from './statements.db'
 import categories from './categories.db'
-import { shuffle } from '@/utils/util'
+// import { shuffle } from '@/utils/util'
+import shuffle from 'lodash.shuffle'
 
 export type Statement = {
   title: string
@@ -15,15 +16,13 @@ export type Category = {
   emoji: string
 }
 export const useDBStore = defineStore('db', {
-  state: () => {
-    return {
-      categories: categories.data,
-      statements: statements.data
-    }
-  },
+  state: () => ({
+    categories: categories.data,
+    statements: statements.data
+  }),
   getters: {
     formattedStatements: (state) => {
-      return [...new Set(shuffle(state.statements))]
+      return [...new Set(shuffle(state.statements))] as Statement[]
     }
   }
 })

src/types/click-outside.d.ts → src/types/index.d.ts

@@ -1 +1,2 @@
 declare module 'click-outside-vue3'
+declare module 'lodash.shuffle'