diff --git a/2021-09-06_reuse-04-composition-api-starting-project/.browserslistrc b/2021-09-06_reuse-04-composition-api-starting-project/.browserslistrc new file mode 100644 index 0000000..214388f --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/.browserslistrc @@ -0,0 +1,3 @@ +> 1% +last 2 versions +not dead diff --git a/2021-09-06_reuse-04-composition-api-starting-project/.eslintrc.js b/2021-09-06_reuse-04-composition-api-starting-project/.eslintrc.js new file mode 100644 index 0000000..3391da1 --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/.eslintrc.js @@ -0,0 +1,17 @@ +module.exports = { + root: true, + env: { + node: true + }, + 'extends': [ + 'plugin:vue/vue3-essential', + 'eslint:recommended' + ], + parserOptions: { + parser: 'babel-eslint' + }, + rules: { + 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', + 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off' + } +} diff --git a/2021-09-06_reuse-04-composition-api-starting-project/.gitignore b/2021-09-06_reuse-04-composition-api-starting-project/.gitignore new file mode 100644 index 0000000..11f5d71 --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/.gitignore @@ -0,0 +1,22 @@ +.DS_Store +node_modules +/dist + +# local env files +.env.local +.env.*.local + +# Log files +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* + +# Editor directories and files +.idea +.vscode +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/2021-09-06_reuse-04-composition-api-starting-project/.prettierrc b/2021-09-06_reuse-04-composition-api-starting-project/.prettierrc new file mode 100644 index 0000000..92cde39 --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/.prettierrc @@ -0,0 +1,3 @@ +{ + "singleQuote": true +} \ No newline at end of file diff --git a/2021-09-06_reuse-04-composition-api-starting-project/HOW-TO-USE.pdf b/2021-09-06_reuse-04-composition-api-starting-project/HOW-TO-USE.pdf new file mode 100644 index 0000000..00d28ea Binary files /dev/null and b/2021-09-06_reuse-04-composition-api-starting-project/HOW-TO-USE.pdf differ diff --git a/2021-09-06_reuse-04-composition-api-starting-project/babel.config.js b/2021-09-06_reuse-04-composition-api-starting-project/babel.config.js new file mode 100644 index 0000000..e955840 --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/babel.config.js @@ -0,0 +1,5 @@ +module.exports = { + presets: [ + '@vue/cli-plugin-babel/preset' + ] +} diff --git a/2021-09-06_reuse-04-composition-api-starting-project/package.json b/2021-09-06_reuse-04-composition-api-starting-project/package.json new file mode 100644 index 0000000..52d25ec --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/package.json @@ -0,0 +1,23 @@ +{ + "name": "vue-first-app", + "version": "0.1.0", + "private": true, + "scripts": { + "serve": "vue-cli-service serve", + "build": "vue-cli-service build", + "lint": "vue-cli-service lint" + }, + "dependencies": { + "core-js": "^3.6.5", + "vue": "^3.0.0" + }, + "devDependencies": { + "@vue/cli-plugin-babel": "~4.5.0", + "@vue/cli-plugin-eslint": "~4.5.0", + "@vue/cli-service": "~4.5.0", + "@vue/compiler-sfc": "^3.0.0-0", + "babel-eslint": "^10.1.0", + "eslint": "^6.7.2", + "eslint-plugin-vue": "^7.0.0-0" + } +} diff --git a/2021-09-06_reuse-04-composition-api-starting-project/public/favicon.ico b/2021-09-06_reuse-04-composition-api-starting-project/public/favicon.ico new file mode 100644 index 0000000..df36fcf Binary files /dev/null and b/2021-09-06_reuse-04-composition-api-starting-project/public/favicon.ico differ diff --git a/2021-09-06_reuse-04-composition-api-starting-project/public/index.html b/2021-09-06_reuse-04-composition-api-starting-project/public/index.html new file mode 100644 index 0000000..4123528 --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/public/index.html @@ -0,0 +1,17 @@ + + + + + + + + <%= htmlWebpackPlugin.options.title %> + + + +
+ + + diff --git a/2021-09-06_reuse-04-composition-api-starting-project/src/App.vue b/2021-09-06_reuse-04-composition-api-starting-project/src/App.vue new file mode 100644 index 0000000..5fd610c --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/src/App.vue @@ -0,0 +1,60 @@ + + + + + \ No newline at end of file diff --git a/2021-09-06_reuse-04-composition-api-starting-project/src/components/AddUser.vue b/2021-09-06_reuse-04-composition-api-starting-project/src/components/AddUser.vue new file mode 100644 index 0000000..6930b0e --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/src/components/AddUser.vue @@ -0,0 +1,28 @@ + + + diff --git a/2021-09-06_reuse-04-composition-api-starting-project/src/components/DeleteUser.vue b/2021-09-06_reuse-04-composition-api-starting-project/src/components/DeleteUser.vue new file mode 100644 index 0000000..def907e --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/src/components/DeleteUser.vue @@ -0,0 +1,28 @@ + + + diff --git a/2021-09-06_reuse-04-composition-api-starting-project/src/components/UserAlert.vue b/2021-09-06_reuse-04-composition-api-starting-project/src/components/UserAlert.vue new file mode 100644 index 0000000..d3928cf --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/src/components/UserAlert.vue @@ -0,0 +1,73 @@ + + + + + \ No newline at end of file diff --git a/2021-09-06_reuse-04-composition-api-starting-project/src/hooks/alert.js b/2021-09-06_reuse-04-composition-api-starting-project/src/hooks/alert.js new file mode 100644 index 0000000..e22480c --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/src/hooks/alert.js @@ -0,0 +1,14 @@ +import { ref } from 'vue'; + +export default function useAlert() { + const alertIsVisible = ref(false); + + function showAlert() { + alertIsVisible.value = true; + } + function hideAlert() { + alertIsVisible.value = false; + } + + return [alertIsVisible, showAlert, hideAlert]; +} diff --git a/2021-09-06_reuse-04-composition-api-starting-project/src/main.js b/2021-09-06_reuse-04-composition-api-starting-project/src/main.js new file mode 100644 index 0000000..c4286c3 --- /dev/null +++ b/2021-09-06_reuse-04-composition-api-starting-project/src/main.js @@ -0,0 +1,7 @@ +import { createApp } from 'vue'; + +import App from './App.vue'; + +const app = createApp(App) + +app.mount('#app'); diff --git a/docker-compose.yml b/docker-compose.yml index 1e2a2ac..82c9980 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -8,4 +8,4 @@ services: ports: - 8080:8080 volumes: - - ./2021-09-06_reuse-01-starting-setup/:/app + - ./2021-09-06_reuse-04-composition-api-starting-project/:/app