Vite multi-pages setup | Laravel 11

[alex32]

My app has multiple Views (pages), each one linked to their Layout which in turn is linked to a set of .css and .js files.
I understood that Vite can bundle and serve these assets dynamically to each page, but I'm not sure how do I config vite.config.js to achieve that.
For example, here is the structure of my pages:

page01.blade.php
    /asset/js/p01-script1.js, /asset/js/p01-script2.js
    /asset/css/p01-file1.css, /asset/css/p01-file2.css

page02.blade.php
    /asset/js/p02-script1.js, /asset/js/p02-script2.js
    /asset/css/p02-file1.css, /asset/css/p02-file2.css

page03.blade.php
    /asset/js/p03-script1.js, /asset/js/p03-script2.js
    /asset/css/p03-file1.css, /asset/css/p03-file2.css

Is any of the following options correct for vite.config.js?
Option #1:

..
export default defineConfig({
    plugins: [
        laravel({
            page01: [
                'resources/css/p1app.css',
                'resources/js/p1app.js',
            ],
            page02: [
                'resources/css/p2app.css',
                'resources/js/p2app.js',
            ],
            page03: [
                'resources/css/p3app.css',
                'resources/js/p3app.js',
            ],
            
            refresh: true,
        }),
    ],
});

Option #2: [3]

export default defineConfig({
  plugins: laravel,
  build: {
    rollupOptions: {
      input: {
        page01: fileURLToPath(new URL('./resources/views/page01.blade.php', import.meta.url)),
        page02: fileURLToPath(new URL('./resources/views/page02.blade.php', import.meta.url)),
        page03: fileURLToPath(new URL('./resources/views/page03.blade.php', import.meta.url)),
      },
    },
  },
})

Many thanks.

[1] https://laravel.com/docs/11.x/vite#main-content
[2] https://vitejs.dev/guide/features.html
[3] https://stackoverflow.com/questions/70522494/multiple-entry-points-in-vite