How to set separate style sets for parent components in Vue?

Question

Vue.js

There are 2 ready-made layouts: the main site and the administrative section. You need to set your own styles for each part.
The structure is as follows:

App
-Site
--Index
--About
-Admin
--Dashboard

Where App,Site,Admin are parent components with route-view. Used by vue-router.
How to load styles for Site and Admin separately? Given that there are multiple css files for each section.

Answer 1

In components:

<template>...</template>
<script>...</script>

<style scoped src="./file1.css"></style>
<style scoped lang="scss" src="./file2.scss"></style>
<style scoped>
  .selector: { color: red; }
</style>