# package.json包的作用

- @playwright/test 编写测试用例用于自动化测试
- @types/node 是 Node.js 核心模块的 TypeScript 类型定义包，它的作用是为 TypeScript 项目提供 Node.js 内置 API（如 fs、path、process、http 等）的类型声明。
- autoprefixer 给css 代码添加各个浏览器的特有前缀
- laravel-vite-plugin 在laravel中集成vite
- postcss css语法转换工具（你可以自己规定一些css的写法，然后通过编写postcss插件将你规定的css写法转换为浏览器可读的css代码）
- vue-cal vue日历组件
- @vitejs/plugin-vue  Vite 官方提供的 Vue 3 单文件组件（SFC）插件，它的主要作用是在 Vite 构建的项目中支持 .vue 文件的解析和编译。
- dotenv Dotenv is a zero-dependency module that loads environment variables from a .env file into process.env
- flatpickr data-time picker （bagisto使用的是这个）
- vue-flatpickr 这个包是flatpicker的vue1版本，严重过时，不要使用。
- fs 这不是一个包（fs这个包名被收回了），没有用
- mitt 发布订阅模式的库
- playwright  Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API. Playwright is built to enable cross-browser web automation that is ever-green, capable, reliable, and fast.
- readline-sync 实现通过控制台跟用户对话
- vee-validate 是一个专为 Vue.js 应用程序设计的强大表单验证库，它让开发者能够以声明式、组件化的方式轻松实现复杂表单的实时校验、错误提示与用户交互体验优化
- vuedraggable vue 拖拽组件 在npmjs中vue2版本和vue3版本公用一个包名，如果要安装vue3版本需要执行npm install vuedraggable@next。
- vue-draggable-plus 是另外一个vue拖拽组件，作者是vue团队的成员，比较新，也是基于SortableJS。文档：https://vue-draggable-plus.pages.dev/guide/
> vuedraggable是基于SortableJS的，有些props文档中没有列出，需要参考SortableJS的文档，比如group，ghost-class属性

# Blade模板文件中的语法
例子：
```html
<script type="text/x-template" id="v-configuration-search-template">
    <h3 class="text-base font-semibold text-gray-800 dark:text-white">
        @{{ "@lang('longyi::app.flexible-variant.options.title')" }}
    </h3>
</script>
```
`@`符号告诉Blade模板引擎这个`{{}}`是JavaScript框架的模板语法


v-form v-field 等参考 vee-validate 文档： https://vee-validate.logaretm.com/


## 组件库和图标
组件库使用element-plus

图标在这个网站找： https://www.xicons.org/#/


### Clear Cache

```bash
php artisan config:clear
php artisan cache:clear
php artisan view:clear
```

php artisan vendor:publish --provider="Longyi\Core\Providers\LongyiCoreServiceProvider" --force