import { custom } from "~/core/data/scrollable"

interface customs {
     desc: string
 }
export const custom: customs[] = [
{
    desc: " There are various justifications for customizing a scrollbar. For instance, the default scrollbar can cause an app's user interface to look inconsistent across various operating systems. In this case, having a single style is helpful."
},
{
    desc: "I never had the opportunity to learn about CSS scrollbar customization, but I have always been interested in doing so. I'll take the chance to learn more about them and share my trip in this essay."
},
{
    desc: "One crucial point to remember is that, depending on the design, a scrollbar may operate either horizontally or vertically . Additionally, it might alter when you work on a website that is global and operates in both left-to-right and right-to-left orientations. "
}
]

interface Node {
      text: string;
      children?: string[];
  }
  
  interface Nodes {
      [key: string]: Node;
  }
  export let nodes = ref({
      id1: {
          text: "Admin",
          children: ["id11", "id12"],
      },
      id11: {
          text: "Assets",
          children: ["id113", "id118"],
      },
      id12: {
          text: "Default",
          children: ["id131", "id122"],
      },
      id111: {
          text: "CSS",
          children: ["id114", "id115"],
      },
      id114: {
          text: "Css One",
      },
      id115: {
          text: "Css Two",
      },
      id113: {
          text: "Js",
          children: ["id116", "id117"],
      },
      id116: {
          text: "Js One"
      },
      id117: {
          text: "Js Two"
      },
      id118: {
          text: "Scss",
          children: ["id119"]
      },
      id119: {
          text: "Sub Child",
          children: ["id120", "id121"]
      },
      id120: {
          text: "Sub File"
      },
      id121: {
          text: "Sub File"
      },
      id131: {
          text: "Dashboard"
      },
      id122: {
          text: "Typography"
      },
      id2: {
          text: "index file",
      },
  });
  
  export let config = ref({
      roots: ["id1", "id2"],
  
  });

import { defineNuxtPlugin } from '#app'
                  import { toast } from 'vue3-toastify';
                  import 'vue3-toastify/dist/index.css';
                  export default defineNuxtPlugin(nuxtApp => {
                    if (process.client) {
                    nuxtApp.vueApp.provide("toast", toast);
                    }
                  })
                

import { defineNuxtPlugin } from '#app'
                  import Swal from "sweetalert2";
                
                  export default defineNuxtPlugin(nuxtApp => {
                    if (process.client) {
                      nuxtApp.provide('Swal', Swal)
                    }
                  })
                

interface Timeline {
 dotClass: string;
 date: string;
 time: string;
 title: string;
 desc: string;
}
  export const basictimeline: Timeline[] = [
    {
        dotClass: "timeline-dot-primary",
        date: "2 Feb 2024",
        time: "7:00 AM",
        title: "CONFERENCE WITH CLIENT",
        desc: "At noon today, there will be a meeting with a UK client."
    },
    {
        dotClass: "timeline-dot-secondary",
        date: "22 March 2024",
        time: "3:45 PM",
        title: "DISCUSSION WITH MARKETING TEAM",
        desc: "discussion with the marketing staff on the success of the most recent project"
    },
    {
        dotClass: "timeline-dot-success",
        date: "16 May 2024",
        time: "1:22 AM",
        title: "INVEST IN A NEW HOSTING PLAN",
        desc: "today at 2 pm AM, purchase a new hosting package as agreed upon with the management team."
    },
    {
        dotClass: "timeline-dot-warning",
        date: "23 Nov 2024",
        time: "6:56 AM",
        title: "DISCUSSION WITH DESIGNER TEAM",
        desc: "discussion with the designer employee on the success of the most recent project."
    },
    {
        dotClass: "timeline-dot-info",
        date: "12 Dec 2024",
        time: "12:05 AM",
        title: "DISCUSSION WITH NEW THEME LAUNCH",
        desc: "discussion with the how many themes made in our portfolio."
    },
    {
        dotClass: "timeline-dot-danger",
        date: "02 Jan 2024",
        time: "6:56 AM",
        title: "PURCHASE NEW CHAIRS FOR OFFICE ",
        desc: "online purchase new chairs for office"
    }
]