Mudança para compositionAPI

formbrickstest/.prettierrc.json

@@ -1,6 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/prettierrc",
-  "semi": false,
-  "singleQuote": true,
-  "printWidth": 100
-}

formbrickstest/.vscode/extensions.json

@@ -1,7 +1,5 @@
 {
   "recommendations": [
-    "dbaeumer.vscode-eslint",
-    "esbenp.prettier-vscode",
     "editorconfig.editorconfig",
     "vue.volar",
     "wayou.vscode-todo-highlight"

formbrickstest/.vscode/settings.json

@@ -1,15 +1,4 @@
 {
   "editor.bracketPairColorization.enabled": true,
-  "editor.guides.bracketPairs": true,
+  "editor.guides.bracketPairs": true
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.codeActionsOnSave": [
-    "source.fixAll.eslint"
-  ],
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "vue"
-  ]
 }

formbrickstest/README.md

@@ -1,4 +1,4 @@
-# Quasar App (formbrickstest)
+# FormbricksTest (formbrickstest)
 
 A Quasar Project
 
@@ -15,22 +15,6 @@ quasar dev
 ```
 
 
-### Lint the files
-```bash
-yarn lint
-# or
-npm run lint
-```
-
-
-### Format the files
-```bash
-yarn format
-# or
-npm run format
-```
-
-
 ### Build the app for production
 ```bash
 quasar build

formbrickstest/eslint.config.js

@@ -1,73 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import pluginVue from 'eslint-plugin-vue'
-import pluginQuasar from '@quasar/app-vite/eslint'
-import prettierSkipFormatting from '@vue/eslint-config-prettier/skip-formatting'
-
-export default [
-  {
-    /**
-     * Ignore the following files.
-     * Please note that pluginQuasar.configs.recommended() already ignores
-     * the "node_modules" folder for you (and all other Quasar project
-     * relevant folders and files).
-     *
-     * ESLint requires "ignores" key to be the only one in this object
-     */
-    // ignores: []
-  },
-
-  ...pluginQuasar.configs.recommended(),
-  js.configs.recommended,
-
-  /**
-   * https://eslint.vuejs.org
-   *
-   * pluginVue.configs.base
-   *   -> Settings and rules to enable correct ESLint parsing.
-   * pluginVue.configs[ 'flat/essential']
-   *   -> base, plus rules to prevent errors or unintended behavior.
-   * pluginVue.configs["flat/strongly-recommended"]
-   *   -> Above, plus rules to considerably improve code readability and/or dev experience.
-   * pluginVue.configs["flat/recommended"]
-   *   -> Above, plus rules to enforce subjective community defaults to ensure consistency.
-   */
-  ...pluginVue.configs[ 'flat/essential' ],
-
-  {
-    languageOptions: {
-      ecmaVersion: 'latest',
-      sourceType: 'module',
-
-      globals: {
-        ...globals.browser,
-        ...globals.node, // SSR, Electron, config files
-        process: 'readonly', // process.env.*
-        ga: 'readonly', // Google Analytics
-        cordova: 'readonly',
-        Capacitor: 'readonly',
-        chrome: 'readonly', // BEX related
-        browser: 'readonly' // BEX related
-      }
-    },
-
-    // add your custom rules here
-    rules: {
-      'prefer-promise-reject-errors': 'off',
-
-      // allow debugger during development only
-      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
-    }
-  },
-
-  {
-    files: [ 'src-pwa/custom-service-worker.js' ],
-    languageOptions: {
-      globals: {
-        ...globals.serviceworker
-      }
-    }
-  },
-
-  prettierSkipFormatting
-]

formbrickstest/package.json

@@ -2,13 +2,11 @@
   "name": "formbrickstest",
   "version": "0.0.1",
   "description": "A Quasar Project",
-  "productName": "Quasar App",
+  "productName": "FormbricksTest",
-  "author": "Amadeu José Andrade Junior <amadeujajunior@gmail.com>",
+  "author": "Amadeu José Andrade Jr <amadeujajunior@gmail.com>",
   "type": "module",
   "private": true,
   "scripts": {
-    "lint": "eslint -c ./eslint.config.js \"./src*/**/*.{js,cjs,mjs,vue}\"",
-    "format": "prettier --write \"**/*.{js,vue,scss,html,md,json}\" --ignore-path .gitignore",
     "test": "echo \"No test specified\" && exit 0",
     "dev": "quasar dev",
     "build": "quasar build",
@@ -21,13 +19,6 @@
     "vue-router": "^4.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.14.0",
-    "eslint": "^9.14.0",
-    "eslint-plugin-vue": "^9.30.0",
-    "globals": "^15.12.0",
-    "vite-plugin-checker": "^0.8.0",
-    "@vue/eslint-config-prettier": "^10.1.0",
-    "prettier": "^3.3.3",
     "@quasar/app-vite": "^2.0.0",
     "autoprefixer": "^10.4.2",
     "postcss": "^8.4.14"

formbrickstest/quasar.config.js

@@ -59,14 +59,9 @@ export default defineConfig((/* ctx */) => {
       // extendViteConf (viteConf) {},
       // viteVuePluginOptions: {},
       
-      vitePlugins: [
+      // vitePlugins: [
-        ['vite-plugin-checker', {
+      //   [ 'package-name', { ..pluginOptions.. }, { server: true, client: true } ]
-          eslint: {
+      // ]
-            lintCommand: 'eslint -c ./eslint.config.js "./src*/**/*.{js,mjs,cjs,vue}"',
-            useFlatConfig: true
-          }
-        }, { server: false }]
-      ]
     },
 
     // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#devserver

formbrickstest/src/App.vue

@@ -2,10 +2,6 @@
   <router-view />
 </template>
 
-<script>
+<script setup>
-import { defineComponent } from 'vue';
+//
-
-export default defineComponent({
-  name: 'App'
-});
 </script>

formbrickstest/src/components/EssentialLink.vue

@@ -3,28 +3,24 @@
     clickable
     tag="a"
     target="_blank"
-    :href="link"
+    :href="props.link"
   >
     <q-item-section
-      v-if="icon"
+      v-if="props.icon"
       avatar
     >
-      <q-icon :name="icon" />
+      <q-icon :name="props.icon" />
     </q-item-section>
 
     <q-item-section>
-      <q-item-label>{{ title }}</q-item-label>
+      <q-item-label>{{ props.title }}</q-item-label>
-      <q-item-label caption>{{ caption }}</q-item-label>
+      <q-item-label caption>{{ props.caption }}</q-item-label>
     </q-item-section>
   </q-item>
 </template>
 
-<script>
+<script setup>
-import { defineComponent } from 'vue'
+const props = defineProps({
-
-export default defineComponent({
-  name: 'EssentialLink',
-  props: {
   title: {
     type: String,
     required: true
@@ -44,6 +40,5 @@ export default defineComponent({
     type: String,
     default: ''
   }
-  }
 })
 </script>

formbrickstest/src/layouts/MainLayout.vue

@@ -45,8 +45,8 @@
   </q-layout>
 </template>
 
-<script>
+<script setup>
-import { defineComponent} from 'vue'
+import { ref } from 'vue'
 import EssentialLink from 'components/EssentialLink.vue'
 
 const linksList = [
@@ -94,24 +94,9 @@ const linksList = [
   }
 ]
 
-export default defineComponent({
+const leftDrawerOpen = ref(false)
-  name: 'MainLayout',
 
-  components: {
+function toggleLeftDrawer () {
-    EssentialLink
+  leftDrawerOpen.value = !leftDrawerOpen.value
-  },
+}
-
-  data () {
-    return {
-      linksList,
-      leftDrawerOpen: false
-    }
-  },
-
-  methods: {
-    toggleLeftDrawer () {
-      this.leftDrawerOpen = !this.leftDrawerOpen
-    }
-  }
-})
 </script>

formbrickstest/src/pages/ErrorNotFound.vue

@@ -22,10 +22,6 @@
   </div>
 </template>
 
-<script>
+<script setup>
-import { defineComponent } from 'vue';
+//
-
-export default defineComponent({
-  name: 'ErrorNotFound'
-});
 </script>

formbrickstest/src/pages/IndexPage.vue

@@ -8,10 +8,6 @@
   </q-page>
 </template>
 
-<script>
+<script setup>
-import { defineComponent } from 'vue';
+//
-
-export default defineComponent({
-  name: 'IndexPage'
-});
 </script>