<template>
<div class="wrapper">
<div v-if="list.length">
<transition-group appear tag="ul" name="list">
<li v-for="item in list" :key="item.title">{{ item.title }}</li>
</transition-group>
</div>
</div>
</template>
<script>
export default {
name: "HelloWorld",
data() {
return {
list: [],
};
},
mounted() {
setTimeout(() => {
this.list = [{ title: "some" }, { title: "some 2" }, { title: "some 3" }];
}, 2000);
},
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
li {
padding: 2rem;
border: 1px solid #ccc;
}
.list-enter,
.list-leave-to {
opacity: 0;
}
.list-leave,
.list-enter-to {
opacity: 1;
}
</style>
sudo adduser {your-user} www-data
2021/11/20 13:57:02 [crit] 6438#6438: *1 stat() "/var/www/laravel_projects/lv-study.local/public/" failed (13: Permission denied), client: 127.0.0.1, server: lv-study.local, request: "GET / HTTP/1.1", host: "lv-study.local"
2021/11/20 13:57:02 [crit] 6438#6438: *1 stat() "/var/www/laravel_projects/lv-study.local/public/" failed (13: Permission denied), client: 127.0.0.1, server: lv-study.local, request: "GET / HTTP/1.1", host: "lv-study.local"
2021/11/20 13:57:02 [crit] 6438#6438: *1 stat() "/var/www/laravel_projects/lv-study.local/public/index.php" failed (13: Permission denied), client: 127.0.0.1, server: lv-study.local, request: "GET / HTTP/1.1", host: "lv-study.local"
~
sudo chown -R serii:www-data *
sudo chmod -R 775 *
sudo chown -R www-data:www-data storage
cp .env.example .env
php artisan key:generate
php artisan cache:clear
php artisan config:clear