🔧 웹훅 URL을 HTTPS로 수정

- 웹훅 URL을 https://admin.youtooplay.com/webhook로 변경
- Nginx 리버스 프록시 설정 파일 추가
- 배포 가이드 업데이트

@core/utils/colorConverter.ts

@@ -0,0 +1,35 @@
+/**
+ * Convert Hex color to rgb
+ * @param hex
+ */
+
+export const hexToRgb = (hex: string) => {
+// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
+  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i
+
+  hex = hex.replace(shorthandRegex, (m: string, r: string, g: string, b: string) => {
+    return r + r + g + g + b + b
+  })
+
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
+
+  return result ? `${Number.parseInt(result[1], 16)},${Number.parseInt(result[2], 16)},${Number.parseInt(result[3], 16)}` : null
+}
+
+/**
+ *RGBA color to Hex color with / without opacity
+ */
+export const rgbaToHex = (rgba: string, forceRemoveAlpha = false) => {
+  return (
+    `#${
+      rgba
+        .replace(/^rgba?\(|\s+|\)$/g, '') // Get's rgba / rgb string values
+        .split(',') // splits them at ","
+        .filter((string, index) => !forceRemoveAlpha || index !== 3)
+        .map(string => Number.parseFloat(string)) // Converts them to numbers
+        .map((number, index) => (index === 3 ? Math.round(number * 255) : number)) // Converts alpha to 255 number
+        .map(number => number.toString(16)) // Converts numbers to hex
+        .map(string => (string.length === 1 ? `0${string}` : string)) // Adds 0 when length of one number is 1
+        .join('')}`
+  )
+}

@core/utils/formatters.ts

@@ -0,0 +1,6 @@
+// TODO: Try to implement this: https://twitter.com/fireship_dev/status/1565424801216311297
+export const kFormatter = (num: number) => {
+  const regex = /\B(?=(\d{3})+(?!\d))/g
+
+  return Math.abs(num) > 9999 ? `${Math.sign(num) * +((Math.abs(num) / 1000).toFixed(1))}k` : Math.abs(num).toFixed(0).replace(regex, ',')
+}

@core/utils/helpers.ts

@@ -0,0 +1,32 @@
+// 👉 IsEmpty
+export const isEmpty = (value: unknown): boolean => {
+  if (value === null || value === undefined || value === '')
+    return true
+
+  return !!(Array.isArray(value) && value.length === 0)
+}
+
+// 👉 IsNullOrUndefined
+export const isNullOrUndefined = (value: unknown): value is undefined | null => {
+  return value === null || value === undefined
+}
+
+// 👉 IsEmptyArray
+export const isEmptyArray = (arr: unknown): boolean => {
+  return Array.isArray(arr) && arr.length === 0
+}
+
+// 👉 IsObject
+export const isObject = (obj: unknown): obj is Record<string, unknown> =>
+  obj !== null && !!obj && typeof obj === 'object' && !Array.isArray(obj)
+
+// 👉 IsToday
+export const isToday = (date: Date) => {
+  const today = new Date()
+
+  return (
+    date.getDate() === today.getDate()
+    && date.getMonth() === today.getMonth()
+    && date.getFullYear() === today.getFullYear()
+  )
+}

@core/utils/plugins.ts

@@ -0,0 +1,54 @@
+import type { App } from 'vue'
+
+/**
+ * This is helper function to register plugins like a nuxt
+ * To register a plugin just export a const function `defineVuePlugin` that takes `app` as argument and call `app.use`
+ * For Scanning plugins it will include all files in `src/plugins` and `src/plugins/**\/index.ts`
+ *
+ *
+ * @param {App} app Vue app instance
+ * @returns void
+ *
+ * @example
+ * ```ts
+ * // File: src/plugins/vuetify/index.ts
+ *
+ * import type { App } from 'vue'
+ * import { createVuetify } from 'vuetify'
+ *
+ * const vuetify = createVuetify({ ... })
+ *
+ * export default function (app: App) {
+ *   app.use(vuetify)
+ * }
+ * ```
+ *
+ * All you have to do is use this helper function in `main.ts` file like below:
+ * ```ts
+ * // File: src/main.ts
+ * import { registerPlugins } from '@core/utils/plugins'
+ * import { createApp } from 'vue'
+ * import App from '@/App.vue'
+ *
+ * // Create vue app
+ * const app = createApp(App)
+ *
+ * // Register plugins
+ * registerPlugins(app) // [!code focus]
+ *
+ * // Mount vue app
+ * app.mount('#app')
+ * ```
+ */
+
+export const registerPlugins = (app: App) => {
+  const imports = import.meta.glob<{ default: (app: App) => void }>(['../../plugins/*.{ts,js}', '../../plugins/*/index.{ts,js}'], { eager: true })
+
+  const importPaths = Object.keys(imports).sort()
+
+  importPaths.forEach(path => {
+    const pluginImportModule = imports[path]
+
+    pluginImportModule.default?.(app)
+  })
+}