Mudança para compositionAPI

This commit is contained in:
Amadeu José Andrade Jr
2025-01-13 01:56:10 -03:00
parent d5071cf085
commit bc69228dbd
13 changed files with 70 additions and 1829 deletions

View File

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

View File

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

View File

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

View File

@@ -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

View File

@@ -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
]

File diff suppressed because it is too large Load Diff

View File

@@ -2,13 +2,11 @@
"name": "formbrickstest",
"version": "0.0.1",
"description": "A Quasar Project",
"productName": "Quasar App",
"author": "Amadeu José Andrade Junior <amadeujajunior@gmail.com>",
"productName": "FormbricksTest",
"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"

View File

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

View File

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

View File

@@ -3,47 +3,42 @@
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 caption>{{ caption }}</q-item-label>
<q-item-label>{{ props.title }}</q-item-label>
<q-item-label caption>{{ props.caption }}</q-item-label>
</q-item-section>
</q-item>
</template>
<script>
import { defineComponent } from 'vue'
<script setup>
const props = defineProps({
title: {
type: String,
required: true
},
export default defineComponent({
name: 'EssentialLink',
props: {
title: {
type: String,
required: true
},
caption: {
type: String,
default: ''
},
caption: {
type: String,
default: ''
},
link: {
type: String,
default: '#'
},
link: {
type: String,
default: '#'
},
icon: {
type: String,
default: ''
}
icon: {
type: String,
default: ''
}
})
</script>

View File

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

View File

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

View File

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