hl-core 0.0.7-beta.1 → 0.0.7-beta.11

package/components/Menu/MenuNavItem.vue

@@ -0,0 +1,27 @@
+<template>
+  <div
+    :class="[selected ? $libStyles.blueBg : $libStyles.blueBgLight, selected ? $libStyles.whiteText : $libStyles.blackText, $libStyles.rounded, $libStyles.textSimple]"
+    class="h-[60px] flex items-center justify-between hover:bg-[#A0B3D8] hover:!text-white pl-4 cursor-pointer transition-all"
+  >
+    <span>{{ menuItem.title }}</span>
+    <i v-if="menuItem.icon" class="mdi text-xl pr-4" :class="[menuItem.icon]"></i>
+    <v-tooltip v-if="menuItem.description" activator="parent" location="bottom">{{ menuItem.description }}</v-tooltip>
+  </div>
+</template>
+
+<script lang="ts">
+import { MenuItem } from '@/composables/classes';
+
+export default defineComponent({
+  props: {
+    menuItem: {
+      type: Object as PropType<MenuItem>,
+      default: new MenuItem(),
+    },
+    selected: {
+      type: Boolean,
+      default: false,
+    },
+  },
+});
+</script>

package/components/Panel/PanelItem.vue

@@ -0,0 +1,5 @@
+<template>
+  <span class="transition-all h-[64px] px-4 flex justify-between items-center border-b-[1px] hover:border-b-[#A0B3D8]">
+    <slot></slot>
+  </span>
+</template>

package/components/Transitions/FadeTransition.vue

@@ -0,0 +1,5 @@
+<template>
+  <transition-group enter-active-class="animate__animated animate__fadeIn">
+    <slot></slot>
+  </transition-group>
+</template>

package/composables/axios.ts

@@ -0,0 +1,11 @@
+import axios from 'axios';
+import interceptors from '@/api/interceptors';
+
+export const useAxios = (baseURL: string) => {
+  const axiosInstance = axios.create({
+    baseURL: baseURL,
+  });
+  interceptors(axiosInstance);
+
+  return axiosInstance;
+};