dansp89

// src/stores/useCartStore.ts
import { empty, productSingleImage } from "@/core/helpers/functions";
import ApiService from "@/core/services/ApiService";
import { defineStore } from "pinia";

// Definindo a interface Product baseada na descrição fornecida
interface MediaData {
  // Defina os campos da mídia aqui se necessário
}

dansp89

<template>
  <!--begin::Card-->
  <div class="card">
    <!--begin::Card header-->
    <div class="card-header border-0 pt-6">
      <!--begin::Card title-->
      <div class="card-title">
        <!--begin::Search-->
        <div class="d-flex align-items-center position-relative my-1">
          <KTIcon icon-name="magnifier" icon-class="fs-1 position-absolute ms-6" />

dansp89

<template>
  <el-upload
    v-model:file-list="fileList"
    class="photo-wall-uploader"
    :list-type="listType"
    :drag="true"
    :name="name"
    :action="uploadMetas.url"
    :method="uploadMetas.method"
    :headers="uploadMetas.headers"

dansp89

<template>
  <div @update:modelValue="$emit('update:modelValue', $event)">
    <el-button
      type=""
      @click="addModule"
      class="mb-5 border-bottom border-secondary"
    >
      <i class="fa-solid fa-plus text-dark px-3"></i>
      Adicionar Módulo
    </el-button>

dansp89

<template>
  <div @update:modelValue="$emit('update:modelValue', $event)">
    <el-button
      type=""
      @click="addModule"
      class="mb-5 border-bottom border-secondary"
    >
      <i class="fa-solid fa-plus text-dark px-3"></i>
      Adicionar Módulo
    </el-button>

dansp89

<template>
  <el-button type="primary" @click="addModule">Adicionar Módulo</el-button>
  <el-tree
    :data="treeData"
    draggable
    default-expand-all
    node-key="id"
    :allow-drag="allowDrag"
    :allow-drop="allowDrop"
    @node-drag-start="handleDragStart"

dansp89

[
  "Athlon 3000G",
  "Ryzen 3 1200",
  "Ryzen 3 2200G",
  "Ryzen 3 3100",
  "Ryzen 5 1400",
  "Ryzen 5 1600",
  "Ryzen 5 3500X",
  "Ryzen 5 3600",
  "Ryzen 5 3600X",

dansp89

{
    pages: [
      {
        heading: "dashboard",
        route: "/dashboard",
        keenthemesIcon: "element-11",
        bootstrapIcon: "bi-app-indicator",
      },
      {
        heading: "layoutBuilder",

dansp89

import {
  createRouter,
  createWebHistory,
  type RouteRecordRaw,
} from "vue-router";
import { useAuthStore } from "@/stores/auth";
import { useConfigStore } from "@/stores/config";
import { filterRoutesByRole } from "@/core/plugins/ManagerAccessDashboard";

export let routes: Array<RouteRecordRaw> = [

dansp89

> With this code, you can add your custom routes in swagger, read the documentation if you have any further questions.

## Tested on:
1. Node 18.17.1
1. Strapi 4.15.5
1. Language: Typescript