<template>
  <!-- 页面缓存 -->
  <router-view v-slot="{ Component }">
    <keep-alive>
      <component :is="Component" :key="$route.name" v-if="$route.meta.keepAlive" />
    </keep-alive>
    <component :is="Component" :key="$route.name" v-if="!$route.meta.keepAlive" />
  </router-view>
</template>

<script setup>
import Cookies from 'js-cookie'

import axios from '@/utils/axios'
import { useRoute, useRouter } from 'vue-router'
import { onMounted } from 'vue'
import { Toast } from 'vant'
// import _ from 'lodash';
import { mainStore } from './store';

const store = mainStore();
const $router = useRouter();

/**
 * 获取默认儿童信息
 * @returns name, perf_id, kg_id
 */
if (!Cookies.get('default_perf')) {
  axios.get('/srv/?a=default_perf')
    .then(res => {
      if (res.data.code === 1) {
        Cookies.set('default_perf', JSON.stringify(res.data.data));
      } else {
        console.warn(res);
        Toast({
          icon: 'close',
          message: res.data.msg
        });
      }
    })
    .catch(err => {
      console.error(err);
    });
}
</script>

<style lang="less">
html,
body {
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  /* --van-white: #fff;
    --van-blue: #1989fa;
    --van-button-primary-color: var(--van-white);
    --van-button-primary-background: var(--van-primary-color); */
  /* 全局修改主色调 */
  // --van-blue: #F9D95C;

  // background-color: #FAFAFA;
  p {
    margin: 0;
    padding: 0;
  }
}
</style>