diff --git a/package.json b/package.json
index 8311ec7..d0192e6 100644
--- a/package.json
+++ b/package.json
@@ -85,6 +85,7 @@
     "jest": "^23.6.0",
     "json-loader": "^0.5.4",
     "node-sass": "^4.11.0",
+    "postcss-loader": "^3.0.0",
     "quasar-cli": "^0.17.20",
     "sass-loader": "^7.1.0",
     "strip-ansi": "=3.0.1",
diff --git a/src/components/categories/SingleCat/SingleCat.scss b/src/components/categories/SingleCat/SingleCat.scss
new file mode 100644
index 0000000..6580a26
--- /dev/null
+++ b/src/components/categories/SingleCat/SingleCat.scss
@@ -0,0 +1,3 @@
+.mycard {
+  visibility: hidden;
+}
diff --git a/src/components/categories/SingleCat/SingleCat.ts b/src/components/categories/SingleCat/SingleCat.ts
new file mode 100644
index 0000000..3ca1839
--- /dev/null
+++ b/src/components/categories/SingleCat/SingleCat.ts
@@ -0,0 +1,18 @@
+import Vue from 'vue'
+import { Component, Prop } from 'vue-property-decorator'
+
+require('./SingleCat.scss')
+
+import { ICategory } from '../../../model/index'
+
+@Component({
+
+})
+export default class SingleCat extends Vue {
+  @Prop({required: true}) itemcat: ICategory
+
+  created() {
+
+  }
+
+}
diff --git a/src/components/categories/SingleCat/SingleCat.vue b/src/components/categories/SingleCat/SingleCat.vue
new file mode 100644
index 0000000..91649da
--- /dev/null
+++ b/src/components/categories/SingleCat/SingleCat.vue
@@ -0,0 +1,8 @@
+<template>
+    <div id="appsinglecat">
+        Descr: {{ itemcat.descr_it }}
+    </div>
+</template>
+
+<script lang="ts" src="./SingleCat.ts">
+</script>
diff --git a/src/components/categories/SingleCat/index.ts b/src/components/categories/SingleCat/index.ts
new file mode 100644
index 0000000..afa4a14
--- /dev/null
+++ b/src/components/categories/SingleCat/index.ts
@@ -0,0 +1 @@
+export {default as SingleCat} from './SingleCat.vue'
diff --git a/src/components/categories/category/category.ts b/src/components/categories/category/category.ts
index b387e4e..19914b9 100644
--- a/src/components/categories/category/category.ts
+++ b/src/components/categories/category/category.ts
@@ -1,10 +1,15 @@
 import Vue from 'vue'
 import { Component } from 'vue-property-decorator'
 
+import { SingleCat } from '@components'
+import { ICategory } from '@src/model'
+
 require('./category.scss')
 
 
-@Component({})
+@Component({
+  components: { SingleCat }
+})
 export default class Category extends Vue {
   filter: boolean = false
   category: string = ''
@@ -20,21 +25,37 @@ export default class Category extends Vue {
     this.updatetable()
   }
 
+  initcat() {
+
+    const objcat: ICategory = {
+      id: 0,
+      descr_it: '',
+      descr_en: '',
+      descr_es: ''
+    }
+    return objcat
+
+  }
+
   async insertCategory() {
 
+    const objcat = this.initcat()
+
     let myid = 0
-    const mycat = this.category
+    objcat.descr_it = this.category
+
     // Add to Indexdb
-    await this.$db.categories.add(
-      { descr_it: mycat }
+    await this.$db.categories.add(objcat
     ).then(ris => {
       myid = ris
     })
 
     // created_at: new Date(),
 
+    objcat.id = myid
+
     // Add into the memory
-    this.categories_arr.push({ descr_it: mycat, id: myid })
+    this.categories_arr.push(objcat)
 
     this.updatetable()
   }
diff --git a/src/components/categories/category/category.vue b/src/components/categories/category/category.vue
index be70f04..ca3f7a3 100644
--- a/src/components/categories/category/category.vue
+++ b/src/components/categories/category/category.vue
@@ -1,7 +1,7 @@
 <template>
     <q-page>
         <div class="panel">
-            <p class="caption">Category:</p>
+            <p class="caption">Singlecat:</p>
 
             <q-input v-model="category" inverted float-label="Inserisci la Categoria"
                      :after="[{icon: 'arrow_forward', content: true, handler () {}}]"
@@ -9,7 +9,8 @@
 
             <ul>
                 Lista:
-                <li v-for="item in categories_arr" :key="item.id"> {{ item.descr_it }} </li>
+
+                <SingleCat :itemcat='mycat' v-for="mycat of categories_arr" :key="mycat.id"/>
             </ul>
         </div>
     </q-page>
diff --git a/src/components/categories/category/index.ts b/src/components/categories/category/index.ts
new file mode 100644
index 0000000..91c9fe7
--- /dev/null
+++ b/src/components/categories/category/index.ts
@@ -0,0 +1 @@
+export {default as Category} from './category.vue'
diff --git a/src/components/categories/index.ts b/src/components/categories/index.ts
new file mode 100644
index 0000000..a391328
--- /dev/null
+++ b/src/components/categories/index.ts
@@ -0,0 +1,2 @@
+export * from './SingleCat'
+export * from './category'
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 0000000..f81a1f4
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1,2 @@
+export * from './categories'
+
diff --git a/src/model/Categories.ts b/src/model/Categories.ts
new file mode 100644
index 0000000..5bdcb5c
--- /dev/null
+++ b/src/model/Categories.ts
@@ -0,0 +1,6 @@
+export interface ICategory {
+  id?: number,
+  descr_it?: string
+  descr_en?: string
+  descr_es?: string
+}
diff --git a/src/model/index.ts b/src/model/index.ts
index 5595bf5..706745e 100644
--- a/src/model/index.ts
+++ b/src/model/index.ts
@@ -4,3 +4,5 @@ export * from './signin-option'
 export * from './signup-option'
 export * from './key-value'
 export * from './payload'
+
+export * from './Categories'
diff --git a/tsconfig.json b/tsconfig.json
index 292c853..9952734 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -24,6 +24,7 @@
     "baseUrl": "./src",
     "paths": {
       "@src/*": ["./*"],
+      "@components": ["./components/index.ts"],
       "@classes": ["./classes/index.ts"],
       "@utils/*": ["./utils/*"],
       "@validators": ["./utils/validators.ts"],