README

Sugar为Laravel应用程序提供了一个超级充电的起点。该包基于官方的Laravel Breeze，并包括

Vite（代替Webpack + Mix）
Vue 3（现代SFC设置脚本语法）
Typescript
Tailwind CSS
Inertia.js

安装

您可以通过composer安装此包

composer require based/sugar --dev

然后，发布Sugar提供的资源，并编译它们

php artisan sugar:install

npm install
npm run dev

注意：在现有项目中安装Sugar时，它会完全删除app.js

Inertia.js

该包包含Inertia.js，并包括针对Vue 3和Typescript进行了优化的Laravel Breeze组件。

<script setup lang="ts">
import { Button, Checkbox, Input, Label, ValidationErrors } from '@/Components/Breeze'
import { Head, Link, useForm } from '@inertiajs/inertia-vue3'
import useRoute from '@/Hooks/useRoute'

const route = useRoute()
const props = defineProps({
    canResetPassword: Boolean,
    status: String,
})

const form = useForm({
    email: '',
    password: '',
    remember: false
})

const submit = () => {
    form.post(route('login'), {
        onFinish: () => form.reset('password'),
    })
}
</script>

Vite

Vite是一个构建工具，旨在为现代Web项目提供更快、更轻的开发体验。阅读为什么选择Vite？了解更多详情。

此支持由Laravel Vite包提供。

Typescript

Typescript提供可选的静态类型，允许您在编译阶段对代码进行结构和验证。它还带来了IDE自动完成和验证支持以及代码导航功能。

重新构想的Breeze组件使用Typescript。然而，您也可以自由使用熟悉的语法。

许可证

MIT许可证（MIT）。有关更多信息，请参阅许可证文件。

based / sugar

维护者

详细信息

README

安装

Inertia.js

Vite

Typescript

许可证