How to set up Laravel Mix to work with Vue?

Question

Laravel

There is router.js, in which each time you have to specify with your hands webpackChunkNomeso that the final file is saved in the folder I specified and has the same name as the source *.Vuefile. Is it possible to somehow transfer this process to webpack.mix.js, so as not to perform routine work?
router.js

import Vue from "vue";
import Router from "vue-router";

Vue.use(Router);

export default new Router({
    mode: 'history',
    routes: [
        {
            path: "/",
            component: () => import(/* webpackChunkName: "js/shop" */ "./views/Shop.vue")
        },
        {
            path: "/cart",
            component: () => import(/* webpackChunkName: "js/cart" */ "./views/Cart.vue")
        }
    ]
});

When importing scssa file directly in the component, publica folder is created vendors~jsin it, and in it the *.jsfiles responsible for displaying styles ( css-loader). How can I rename this folder and move it to a folder js?

<template>
    <div></div>
</template>

<script>
    export default {
        //
    }
</script>

<style lang="scss">
    @import "app.scss";
</style>

webpack.mix.js

const mix = require('laravel-mix');

mix.webpackConfig({
    resolve: {
        alias: {
            "@": path.resolve(__dirname, 'resources/js')
        }
    }
});

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');