@bildvitta/quasar-app-extension-asteroid 3.0.0-alpha.2 → 3.0.0-beta.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-app-extension-asteroid",
   "description": "Asteroid",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-beta.2",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "src/index.js",
@@ -29,7 +29,7 @@
     "yarn": ">= 1.6.0"
   },
   "dependencies": {
-    "@bildvitta/quasar-ui-asteroid": "3.0.0-alpha.1",
+    "@bildvitta/quasar-ui-asteroid": "3.0.0-beta.2",
     "humps": "^2.0.1"
   }
 }

package/src/boot/error-pages.js

@@ -0,0 +1,22 @@
+import ForbiddenPage from '@bildvitta/quasar-ui-asteroid/src/pages/Forbidden.vue'
+import NotFoundPage from '@bildvitta/quasar-ui-asteroid/src/pages/NotFound.vue'
+
+export default function ({ router }) {
+  const routes = [
+    {
+      name: 'Forbidden',
+      path: '/',
+      component: ForbiddenPage
+    }
+  ]
+
+  if (process.env.MODE !== 'ssr') {
+    routes.push({
+      name: 'NotFound',
+      path: '/:catchAll(.*)*',
+      component: NotFoundPage
+    })
+  }
+
+  routes.forEach(route => router.addRoute(route))
+}

package/src/boot/history.js

@@ -1,7 +1,8 @@
-import { addRoute } from '@bildvitta/quasar-ui-asteroid/src/store/history'
+import useHistory from '@bildvitta/quasar-ui-asteroid/src/composables/useHistory'
 
 export default ({ router }) => {
   router.beforeEach((to, from, next) => {
+    const { addRoute } = useHistory()
     addRoute(to)
     next()
   })

package/src/index.js

@@ -2,32 +2,44 @@ const sourcePath = '~@bildvitta/quasar-app-extension-asteroid/src/'
 const resolve = (...paths) => paths.map(path => sourcePath + path)
 
 function extendQuasar (quasar) {
-  // Boot
+  // Arquivos de boot
+  // https://quasar.dev/quasar-cli-vite/boot-files#introduction
   quasar.boot.push(...resolve(
     'boot/api.js',
+    'boot/error-pages.js',
     'boot/register.js',
     'boot/history.js'
   ))
 
-  // Transpile!
+  // Transpilação de arquivos!
   quasar.build.transpileDependencies.push(/quasar-app-extension-asteroid[\\/]src/)
 
-  // Preserve whitespaces!
+  // Preserva whitespaces!
   // https://github.com/vuejs/core/pull/1600
   quasar.build.vueLoaderOptions.whitespace = 'preserve'
 
+  // Adiciona todas classes do asteroid
   quasar.css.push(...resolve('index.scss'))
 
+  // Adiciona todos os Plugins obrigatório do Quasar
   const plugins = [
     'Dialog',
     'Loading',
     'Notify'
   ]
 
-  // Add all required Quasar plugins
   plugins.forEach(plugin => quasar.framework.plugins.push(plugin))
 
-  // Settings
+  // Adiciona todas as classes de animação do Animate.css ao quasar
+  // https://animate.style/
+  const animations = [
+    'slideOutUp',
+    'slideInDown'
+  ]
+
+  animations.forEach(animation => quasar.animations.push(animation))
+
+  // Configurações
   quasar.extras.push(
     'material-icons-outlined'
   )
@@ -43,6 +55,7 @@ module.exports = function (api) {
   api.extendQuasarConf(extendQuasar)
 
   api.extendWebpack(webpack => {
+    // Adiciona um "alias" chamado "asteroid" para a aplicação
     const asteroid = 'node_modules/@bildvitta/quasar-ui-asteroid/src/asteroid.js'
 
     webpack.resolve.alias = {