other components... (2)

src/components/CProvaPao/CProvaPao.scss

@@ -0,0 +1,92 @@
+$heightBtn: 100%;
+$grayshadow: #555;
+
+.text-subtitle-carica {
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .1rem .1rem .1rem $grayshadow;
+}
+
+.text-subtitle-certificato {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+  .text-subtitle-carica {
+    font-size: 1rem;
+  }
+}
+
+.op {
+  text-align: center !important;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .1rem .1rem .1rem $grayshadow;
+
+  &__cell {
+    font-size: 1rem;
+    color: red;
+  }
+
+  &__email {
+    font-size: 1rem;
+    color: #3b5998;
+  }
+
+  &__email a {
+    text-decoration: none;
+  }
+
+  &__facebook a {
+    font-size: 1rem;
+    text-decoration: none;
+  }
+
+  &__storia {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    text-align: justify;
+  }
+}
+
+.myimg {
+  border-radius: 300px !important;
+}
+
+.q-img {
+  &__image {
+    border-radius: 300px !important;
+  }
+}
+
+.myflex {
+  display: flex;
+  flex: 1;
+}
+
+.mybase {
+  color: black;
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+  letter-spacing: 0.03333em;
+
+  &__teacher {
+    margin-top: 5px;
+
+    &-content {
+      color: darkblue;
+    }
+
+    &-content:hover {
+
+    }
+  }
+
+}

src/components/CProvaPao/CProvaPao.ts

@@ -0,0 +1,12 @@
+import { computed, defineComponent, ref, watch } from 'vue'
+
+export default defineComponent({
+  name: 'CProvaPao',
+  props: {
+    username: {
+      type: String,
+      required: true,
+      default: '',
+    },
+  },
+})

src/components/CProvaPao/CProvaPao.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+      Componente Prova Pao1:
+      username : {{ username }}
+    </div>
+</template>
+
+<script lang="ts" src="./CProvaPao.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CProvaPao.scss';
+</style>

src/components/CProvaPao/index.ts

@@ -0,0 +1 @@
+export {default as CProvaPao} from './CProvaPao.vue'