handrihmw

// chart.client.ts

import ECharts from 'vue-echarts'
import { use } from 'echarts/core'

// import 'echarts' // all library

// import 'echarts/lib/chart/bar'
// import 'echarts/lib/chart/line'
// import 'echarts/lib/chart/pie'

handrihmw

import { defineStore } from 'pinia'

export const useProductStore = defineStore('product', {
  state: () => ({
    products: [],
    isFetchingProducts: false
  }),
  getters: {
    categories () {
      const categoryList = this.products

handrihmw

// Optional API
<script>
  export default {
    data() {
      return {
        listItems: []
      }
    },
    methods: {
      async getData() {

handrihmw

const path = require("path");
const Dotenv = require("dotenv-webpack");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
const TerserPlugin = require("terser-webpack-plugin");

let appConf = (env) => {
  return {
    mode: env.NODE_ENV,
    devtool: "nosources-source-map",

handrihmw

// Button Variants
$buttonType: (
  (primary $as-orange-100 $as-orange-200 $as-orange-300 $as-shadow-orange-100),
  (secondary $as-blue-100 $as-blue-200 $as-blue-300 $as-shadow-blue-100),
  (danger $as-red-100 $as-red-200 $as-red-300 $as-shadow-red-100)
);

.as-btn {
  @extend %btn-helper !optional;
}

handrihmw

$as-white: #ffffff;

// Primary
$as-orange-100: #ffe082;
$as-orange-200: #ff9800;
$as-orange-300: #ed8e01;

// Secondary
$as-blue-100: #e0efff;
$as-blue-200: #94ccf7;

handrihmw

%btn-helper {
  -webkit-box-align: baseline;
  align-items: baseline;
  border: none;
  border-radius: 2rem;
  box-sizing: border-box;
  font-family: "NunitoSansSemibold", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  height: 3rem;

handrihmw

<template>
  <div class="container">
    <div class="row align-items-center">
      <AsAccordion>
        <AsAccordionTitle>
          <h3 class="as-text-16-bold">
            Lorem ipsum dolor sit amet consectetur.
          </h3>
        </AsAccordionTitle>
        <AsAccordionContent>

handrihmw

:root {
  --as-color-white: #fff;
  --as-color-divider: #d9dde3;
  --as-color-gray-soft: #f3f4f6;
}

.as-accordion {
  margin-bottom: 0.875rem;

  &__header {

handrihmw

<template>
  <div class="as-accordion__body" v-if="visible()">
    <div class="as-accordion__content">
      <slot />
    </div>
  </div>
</template>

<script setup>
import { inject } from "vue";