- todo: design: flexbox, dragging, icons, priority.

src/components/categories/SingleCat/SingleCat.ts

@@ -1,8 +1,6 @@
 import Vue from 'vue'
 import { Component, Prop } from 'vue-property-decorator'
 
-require('./SingleCat.scss')
-
 import { ICategory } from '../../../model/index'
 
 @Component({

src/components/categories/SingleCat/SingleCat.vue

@@ -17,3 +17,7 @@
 
 <script lang="ts" src="./SingleCat.ts">
 </script>
+
+<style lang="scss" scoped>
+    @import './SingleCat.scss';
+</style>

src/components/categories/category/category.ts

@@ -4,8 +4,6 @@ import { Component, Watch } from 'vue-property-decorator'
 import { SingleCat } from '@components'
 import { ICategory } from '@src/model'
 
-require('./category.scss')
-
 
 @Component({
   components: { SingleCat }

src/components/categories/category/category.vue

@@ -61,3 +61,7 @@
 </template>
 <script lang="ts" src="./category.ts">
 </script>
+
+<style lang="scss" scoped>
+    @import './category.scss';
+</style>

src/components/categories/tabledata/tabledata.ts

@@ -3,9 +3,6 @@ import { Component, Watch } from 'vue-property-decorator'
 
 import { ICategory } from '@src/model'
 
-require('./tabledata.scss')
-
-
 @Component({
 })
 export default class Tabledata extends Vue {

src/components/categories/tabledata/tabledata.vue

@@ -59,3 +59,7 @@
 </template>
 <script lang="ts" src="./tabledata.ts">
 </script>
+
+<style lang="scss" scoped>
+    @import './tabledata.scss';
+</style>