@bildvitta/quasar-ui-asteroid 3.0.0-beta.3 → 3.0.0-beta.6

package/src/pages/Forbidden.vue

@@ -1,12 +1,26 @@
 <template>
-  <div class="fixed-center text-center">
-    <p class="q-my-lg text-faded">Ops, você não tem permissão para acessar esta página <strong>(403).</strong></p>
-    <q-btn color="primary" flat @click="$router.push('/')">Voltar</q-btn>
-  </div>
+  <error-component v-bind="errorProps" />
 </template>
 
 <script>
+import ErrorComponent from './ErrorComponent'
+
 export default {
-  name: 'Forbidden'
+  components: {
+    ErrorComponent
+  },
+
+  computed: {
+    errorProps () {
+      return {
+        code: '403',
+        title: 'Ops, parece que você não tem acesso para este recurso!',
+        buttonProps: {
+          to: { path: '/' },
+          label: 'Voltar ao início'
+        }
+      }
+    }
+  }
 }
 </script>

package/src/pages/NotFound.vue

@@ -1,12 +1,26 @@
 <template>
-  <div class="fixed-center text-center">
-    <p class="q-my-lg text-faded">Ops, nada aqui... <strong>(404)</strong></p>
-    <q-btn color="primary" flat @click="$router.push('/')">Voltar</q-btn>
-  </div>
+  <error-component v-bind="errorProps" />
 </template>
 
 <script>
+import ErrorComponent from './ErrorComponent'
+
 export default {
-  name: 'NotFound'
+  components: {
+    ErrorComponent
+  },
+
+  computed: {
+    errorProps () {
+      return {
+        code: '404',
+        title: 'Ops! Parece que a página que está tentando acessar não existe!',
+        buttonProps: {
+          to: { path: '/' },
+          label: 'Voltar ao início'
+        }
+      }
+    }
+  }
 }
 </script>

package/src/pages/ServerError.vue

@@ -0,0 +1,23 @@
+<template>
+  <error-component v-bind="errorProps" />
+</template>
+
+<script>
+import ErrorComponent from './ErrorComponent'
+
+export default {
+  components: {
+    ErrorComponent
+  },
+
+  computed: {
+    errorProps () {
+      return {
+        code: '500',
+        title: 'Ops, ocorreu um erro interno no nosso servidor!',
+        subtitle: 'Tente novamente em alguns instantes.'
+      }
+    }
+  }
+}
+</script>

package/src/assets/logo-modular.svg

@@ -1 +0,0 @@
-<svg width="126" height="26" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".3"><g clip-path="url(#a)"><path d="M6.829 10.909c.02-2.295.059-4.6.119-6.895C9.197 2.653 11.41 1.3 13.58 0c2.172 1.301 4.393 2.653 6.634 4.014.07 2.295.11 4.6.12 6.895a342.175 342.175 0 0 0 6.048 3.417c-.02 2.504-.1 5.017-.238 7.521A575.699 575.699 0 0 0 19.392 26a404.892 404.892 0 0 1-5.81-3.388A525.05 525.05 0 0 1 7.77 26a574.702 574.702 0 0 0-6.753-4.153 158.72 158.72 0 0 1-.238-7.52 381.833 381.833 0 0 0 6.049-3.418Zm6.752-9.24c-1.487.884-2.994 1.788-4.521 2.702 1.487.855 2.994 1.73 4.521 2.613a830.152 830.152 0 0 1 4.522-2.613c-1.527-.904-3.034-1.818-4.522-2.702Zm.714 6.577v5.295c1.537-.884 3.064-1.768 4.591-2.642-.01-1.759-.03-3.507-.06-5.266-1.487.855-3.004 1.729-4.53 2.613Zm5.87 15.658a402.133 402.133 0 0 1 4.602-2.792c.079-1.719.128-3.438.158-5.156-1.547.884-3.084 1.788-4.62 2.692-.04 1.749-.08 3.507-.14 5.256Zm4.046-9.16c-1.517-.845-3.044-1.72-4.571-2.593a767.782 767.782 0 0 0-4.601 2.652c1.527.884 3.044 1.759 4.551 2.613 1.547-.894 3.084-1.788 4.621-2.672Zm-15.806 9.21c1.468-.835 2.955-1.71 4.462-2.594 0-1.768-.01-3.546-.01-5.315a577.521 577.521 0 0 1-4.56 2.623c.029 1.758.059 3.527.108 5.285Zm3.719-9.15c-1.537-.885-3.064-1.78-4.601-2.653a310.65 310.65 0 0 1-4.572 2.593c1.537.874 3.084 1.768 4.621 2.672a573.757 573.757 0 0 0 4.552-2.613Z" fill="#00314D"/></g><path d="m47.676 21.17-.022-10.315-5.113 8.536h-1.29l-5.112-8.403V21.17h-2.756V5.61h2.378l6.18 10.314L48.01 5.61h2.378l.022 15.56h-2.734ZM58.193 21.325c-1.2 0-2.282-.26-3.245-.778a5.774 5.774 0 0 1-2.268-2.156c-.533-.934-.8-1.986-.8-3.157 0-1.17.267-2.215.8-3.134a5.774 5.774 0 0 1 2.267-2.156c.964-.52 2.045-.778 3.246-.778 1.215 0 2.304.259 3.268.778a5.619 5.619 0 0 1 2.245 2.156c.548.919.822 1.963.822 3.134 0 1.17-.274 2.223-.822 3.157a5.62 5.62 0 0 1-2.245 2.156c-.964.518-2.053.778-3.268.778Zm0-2.379c1.023 0 1.867-.34 2.534-1.022.667-.682 1-1.578 1-2.69 0-1.111-.333-2.008-1-2.69-.667-.681-1.511-1.022-2.534-1.022s-1.867.34-2.534 1.022c-.652.682-.978 1.579-.978 2.69 0 1.112.326 2.008.978 2.69.667.681 1.511 1.022 2.534 1.022ZM78.513 4.675V21.17h-2.667v-1.534c-.46.563-1.03.986-1.712 1.267-.667.282-1.408.423-2.223.423-1.14 0-2.17-.252-3.09-.756a5.47 5.47 0 0 1-2.133-2.134c-.52-.934-.779-2-.779-3.2 0-1.201.26-2.26.778-3.18a5.471 5.471 0 0 1 2.135-2.134c.918-.504 1.948-.755 3.09-.755.785 0 1.503.133 2.155.4a4.337 4.337 0 0 1 1.668 1.2v-6.09h2.778Zm-6.268 14.271c.667 0 1.267-.148 1.8-.444a3.372 3.372 0 0 0 1.267-1.312c.312-.563.467-1.215.467-1.956 0-.74-.155-1.393-.467-1.956a3.217 3.217 0 0 0-1.267-1.29 3.507 3.507 0 0 0-1.8-.466c-.667 0-1.267.155-1.8.467a3.217 3.217 0 0 0-1.268 1.289c-.311.563-.467 1.215-.467 1.956 0 .741.156 1.393.467 1.956.311.563.734 1 1.267 1.312a3.644 3.644 0 0 0 1.8.444ZM91.854 9.299v11.87H89.21v-1.511c-.444.533-1 .948-1.667 1.244a5.487 5.487 0 0 1-2.156.423c-1.586 0-2.838-.437-3.757-1.312-.904-.889-1.356-2.2-1.356-3.934v-6.78h2.779V15.7c0 1.067.237 1.867.711 2.4.49.52 1.178.779 2.067.779.993 0 1.779-.304 2.357-.912.592-.622.889-1.511.889-2.667V9.299h2.778ZM93.805 4.675h2.78V21.17h-2.78V4.675ZM103.773 9.166c1.749 0 3.083.422 4.002 1.267.933.83 1.4 2.09 1.4 3.778v6.958h-2.623v-1.445c-.341.519-.83.92-1.467 1.2-.622.267-1.378.4-2.267.4-.89 0-1.668-.147-2.334-.444-.667-.311-1.186-.733-1.556-1.267a3.317 3.317 0 0 1-.534-1.845c0-1.067.393-1.919 1.178-2.556.8-.652 2.053-.978 3.757-.978h3.067v-.178c0-.83-.252-1.467-.755-1.912-.489-.444-1.223-.667-2.201-.667-.667 0-1.326.104-1.978.312-.638.207-1.179.496-1.623.867l-1.09-2.023c.623-.475 1.371-.838 2.246-1.09a9.984 9.984 0 0 1 2.778-.377Zm-.377 10.136c.696 0 1.311-.156 1.845-.467a2.638 2.638 0 0 0 1.155-1.378v-1.378h-2.867c-1.601 0-2.401.526-2.401 1.578 0 .504.2.904.6 1.2.4.297.956.445 1.668.445ZM113.997 11.033c.8-1.245 2.208-1.867 4.224-1.867v2.645a3.532 3.532 0 0 0-.645-.067c-1.082 0-1.927.319-2.534.956-.608.622-.912 1.526-.912 2.712v5.757h-2.778V9.3h2.645v1.734Z" fill="#00314D"/></g><defs><clipPath id="a"><path fill="#fff" transform="matrix(-1 0 0 1 26.383 0)" d="M0 0h25.603v26H0z"/></clipPath></defs></svg>

package/src/composables/useForm.js

@@ -1,3 +0,0 @@
-import { useRoute } from 'vue-router'
-
-console.log(useRoute(), '>>>')

package/src/css/design-system/button.scss

@@ -1,6 +0,0 @@
-// Definições seguindo:
-// https://www.figma.com/file/JfDthOZoULYMlRJM2IQ8Oi/Design-System?node-id=665%3A163
-
-$button-font-size: 0.875rem;
-$button-line-height: 1.5rem;
-$button-font-weight: 500;

package/src/css/design-system/index.scss

@@ -1,2 +0,0 @@
-@import './button';
-@import 'typography';

package/src/css/design-system/typography.scss

@@ -1,91 +0,0 @@
-// Definições seguindo:
-// https://www.figma.com/file/JfDthOZoULYMlRJM2IQ8Oi/Design-System?node-id=665%3A163
-
-// headings
-$h1: (
-  size: 6rem,
-  line-height: 6rem,
-  letter-spacing: 0,
-  weight: 800
-);
-
-$h2: (
-  size: 3.75rem,
-  line-height: 3.75rem,
-  letter-spacing: 0,
-  weight: 700
-);
-
-$h3: (
-  size: 3rem,
-  line-height: 3.125rem,
-  letter-spacing: 0,
-  weight: 600
-);
-
-$h4: (
-  size: 2.125rem,
-  line-height: 2.5rem,
-  letter-spacing: 0,
-  weight: 800
-);
-
-$h5: (
-  size: 2rem,
-  line-height: 2.5rem,
-  letter-spacing: 0,
-  weight: 700
-);
-
-$h6: (
-  size: 1.25rem,
-  line-height: 2rem,
-  letter-spacing: 0,
-  weight: 600
-);
-
-// subtitles
-$subtitle1: (
-  size: 1rem,
-  line-height: 1.75rem,
-  letter-spacing: 0,
-  weight: 700
-);
-
-$subtitle2: (
-  size: 0.875rem,
-  line-height: 1.375rem,
-  letter-spacing: 0,
-  weight: 600
-);
-
-// body
-$body1: (
-  size: 1rem,
-  line-height: 1.5rem,
-  letter-spacing: 0,
-  weight: 500
-);
-
-$body2: (
-  size: 0.875rem,
-  line-height: 1.25rem,
-  letter-spacing: 0,
-  weight: 400
-);
-
-// overline
-$overline: (
-  size: 0.75rem,
-  line-height: 2rem,
-  letter-spacing: 0.25rem,
-  weight: 600
-);
-
-// caption
-$caption: (
-  size: 0.75rem,
-  line-height: 1.25rem,
-  letter-spacing: 0,
-  weight: 700
-);

package/src/css/design-system.scss

@@ -1,18 +0,0 @@
-body {
-  background-color: $background-color;
-}
-
-// Fields
-.q-field--outlined .q-field__inner {
-  background-color: white;
-  border-radius: $generic-border-radius;
-}
-
-.q-radio__inner::before {
-  color: $primary;
-}
-
-// Tabs
-.q-tabs__arrow {
-  color: $primary;
-}

package/src/css/shadow.scss

@@ -1,7 +0,0 @@
-.shadow-primary {
-  box-shadow: 0 8px 25px $primary-contrast !important;
-}
-
-.shadow-secondary {
-  box-shadow: 0 8px 25px $secondary-contrast !important;
-}