Nguyen Van Ngoc

Thế này tạch là đúng rồi. Laravel mặc định nó đã cấu trúc để bác dùng vue trong file blade rồi, bác cứ thế mà làm theo https://github.com/laravel/laravel/blob/master/resources/assets/js/app.js

require('./bootstrap');

window.Vue = require('vue');

/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */

Vue.component('example-component', require('./components/ExampleComponent.vue'));

const app = new Vue({
    el: '#app'
});

Theo đó, thì tất cả các page blade đều phải chứa 1 el #app:

<div id="app">
...
</div>

vẫn code html và php trong file blade bình thường, chổ nào cần xử lý bằng vue thì viết component xử lý cho chổ đó rồi sử dụng (nhớ phải đăng ký component trong app.js): https://github.com/laravel/laravel/blob/master/resources/assets/js/components/ExampleComponent.vue

<div id="app">
<h1>Hello world</h1>

<example-component></example-component>

@foreach ($posts as $post)
    <p>This is post {{ $post->id }}</p>
@endforeach

<ul>
  <li v-for="comment in comments" :key="comment.id" v-text="comment.content"></li>
</ul>

</div>

<script>
var comments = @json($comments);
</script>

bạn thử thêm vào nuxt.config.js, xem được ko

http2: {
    push: true
}

Lúc submit bài viết thì xử lý strip các tags HTML, loại bỏ nội dung của các tag không cần hiển thị ra description như <img> <code>..., thay thế tag <br> bằng dấu . rồi thực hiện substr để lấy ra đoạn summary rồi lưu vào field summary trong database, lúc này summary chỉ còn thuần string, ko còn các tag html nữa cứ thế lấy ra dùng. Bạn xem thế được ko