cn-2k

module.exports = {
  root: true,
  env: {
    node: true,
  },
  parser: "vue-eslint-parser",
  parserOptions: {
    parser: "@typescript-eslint/parser",
    ecmaVersion: 2018,
    sourceType: "module",

cn-2k

<template>
    <div>
        <nav
            v-if="slots.myNamedSlot"
        >
            <slot name="myNamedSlot" />
        </nav>
    </div>
</template>

cn-2k

<template>
  <div>
    <Calendar 
      size="mini" 
      v-model="myDate"
      :type="dataExibitionTime === 'monthly' ? 'monthrange' : dataExibitionTime === 'yearly' ? 'monthrange' : 'daterange'"
      @change="setRangeDate(); someFunction(param)"
    />
  </div>
</template>

cn-2k

<template>
  <my-component :key="componentKey" />
  <button @click="forceRerender">Re-render component</button>
</template>

<script setup>
import { ref } from 'vue'
import myComponent from '@/components/myComponent.vue'

// constant that'll carry our component key to be re-rendered

cn-2k

<template>

// Component attrs
    <el-date-picker
        :size="props.size"
        :modelValue="props.modelValue"
        @change="onChange"
        @update:modelValue="handleUpdate($event, value)"
        :type="props.type"
        range-separator="-"

cn-2k

<template>
  <input
    class="input"
    type="text"
    :placeholder="props.label"
    :value="props.modelValue"
    v-on:input="updateValue($event.target.value)"
  />
</template>

cn-2k

<template>
  <div>
    <input v-model="model">
  </div>
</template>

<script setup>
import { computed } from 'vue'

const props = defineProps({

cn-2k

<template>
    <DatePicker
        v-model="range"
        :model-config="modelConfig"
        :startDate="startDate"
        :endDate="endDate"
        is-range
        is-required
        color="green"
    >

cn-2k

// first of all: props are for parent -> child and we can use emit for child -> parent

// parent-component.vue

<card-stats
  @goalReachedPercentage="getReachedGoalValue"
/>

const getReachedGoalValue = (percent) => {
    datas.indicatorGoalPercentage.push(percent)

cn-2k

const searchEntities = ref('')
const searchActions = ref('')
const loadingTable = ref(false)
const loadingRegister = ref(false)
const singleTable = ref(null)
const newEntity = ref(false)
const entityName = ref('')
const newAction = ref(false)
const actionName = ref('')