-
{{ msg }}
-
- For a guide and recipes on how to configure / customize this project,
- check out the
- vue-cli documentation.
-
-
Installed CLI Plugins
-
-
Essential Links
-
-
Ecosystem
-
+
+
+
Input
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
diff --git a/src/components/VButton.vue b/src/components/VButton.vue
new file mode 100644
index 0000000..8644896
--- /dev/null
+++ b/src/components/VButton.vue
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/VInput.vue b/src/components/VInput.vue
new file mode 100644
index 0000000..bc755cd
--- /dev/null
+++ b/src/components/VInput.vue
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/VSelect.vue b/src/components/VSelect.vue
new file mode 100644
index 0000000..4a8dd9d
--- /dev/null
+++ b/src/components/VSelect.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 01433bc..9ac2201 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,7 @@
import { createApp } from 'vue'
import App from './App.vue'
+import { Quasar } from 'quasar'
+import quasarUserOptions from './quasar-user-options'
+import '@/assets/css/iconfonts.css'
-createApp(App).mount('#app')
+createApp(App).use(Quasar, quasarUserOptions).mount('#app')
diff --git a/src/quasar-user-options.js b/src/quasar-user-options.js
new file mode 100644
index 0000000..432fbdb
--- /dev/null
+++ b/src/quasar-user-options.js
@@ -0,0 +1,12 @@
+
+import './styles/quasar.sass'
+import lang from 'quasar/lang/ru.js'
+import '@quasar/extras/material-icons/material-icons.css'
+
+// To be used on app.use(Quasar, { ... })
+export default {
+ config: {},
+ plugins: {
+ },
+ lang: lang
+}
\ No newline at end of file
diff --git a/src/styles/quasar.sass b/src/styles/quasar.sass
new file mode 100644
index 0000000..c4ad135
--- /dev/null
+++ b/src/styles/quasar.sass
@@ -0,0 +1,11 @@
+@import './quasar.variables.sass'
+@import '~quasar-styl'
+@import "raleway"
+// @import '~quasar-addon-styl'
+
+
+.q-btn--outline:before, .q-field--outlined .q-field__control:before
+ border-width: 1.5px
+
+.disabled, [disabled]
+ opacity: 0.3 !important
\ No newline at end of file
diff --git a/src/styles/quasar.variables.sass b/src/styles/quasar.variables.sass
new file mode 100644
index 0000000..c03f2cc
--- /dev/null
+++ b/src/styles/quasar.variables.sass
@@ -0,0 +1,44 @@
+// It's highly recommended to change the default colors
+// to match your app's branding.
+
+$primary : #4772F2
+$secondary : #26A69A
+$accent : #9C27B0
+
+$dark : #252850
+
+$positive : #55CD76
+$negative : #FF6565
+$info : #4772F2
+$warning : #FFBF42
+
+$text-primary: #252850
+
+//Button
+
+$button-border-radius : 4px
+$button-padding : 4px 16px
+$button-dense-padding : .285em
+$button-font-size : 16px
+$button-line-height : 133%
+$button-font-weight : 600
+$button-shadow : none
+$button-shadow-active : none
+$button-rounded-border-radius : 28px
+$button-push-border-radius : 7px
+
+//Input
+
+$input-font-size : 16px
+$input-text-color : $text-primary
+$input-label-color : rgba(0,0,0,.6)
+$input-autofill-color : inherit
+
+//Typography
+$typography-font-family : 'Raleway'
+
+$separator-color : rgba(0, 0, 0, .12)
+
+$layout-border : 1.5px solid $separator-color
+
+@import '~quasar-variables-styl'
diff --git a/src/styles/raleway.sass b/src/styles/raleway.sass
new file mode 100644
index 0000000..748e41c
--- /dev/null
+++ b/src/styles/raleway.sass
@@ -0,0 +1,52 @@
+@font-face
+ font-family: "Raleway"
+ src: url('../assets/fonts/Raleway-Thin.ttf')
+ font-weight: 100
+ font-style: normal
+@font-face
+ font-family: "Raleway"
+ src: url('../assets/fonts/Raleway-ExtraLight.ttf')
+ font-weight: 200
+ font-style: normal
+
+@font-face
+ font-family: "Raleway"
+ src: url('../assets/fonts/Raleway-Light.ttf')
+ font-weight: 300
+ font-style: normal
+
+@font-face
+ font-family: "Raleway"
+ src: url('../assets/fonts/Raleway-Regular.ttf')
+ font-weight: 400
+ font-style: normal
+
+@font-face
+ font-family: "Raleway"
+ src: url('../assets/fonts/Raleway-Medium.ttf')
+ font-weight: 500
+ font-style: normal
+
+@font-face
+ font-family: "Raleway"
+ src: url('../assets/fonts/Raleway-SemiBold.ttf')
+ font-weight: 600
+ font-style: normal
+
+@font-face
+ font-family: "Raleway"
+ src: url('../assets/fonts/Raleway-Bold.ttf')
+ font-weight: 700
+ font-style: normal
+
+@font-face
+ font-family: "Raleway"
+ src: url('../assets/fonts/Raleway-ExtraBold.ttf')
+ font-weight: 800
+ font-style: normal
+
+@font-face
+ font-family: "Raleway"
+ src: url("../assets/fonts/Raleway-Black.ttf")
+ font-weight: 900
+ font-style: normal
diff --git a/vue.config.js b/vue.config.js
index 910e297..26781bb 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,13 @@
-const { defineConfig } = require('@vue/cli-service')
-module.exports = defineConfig({
- transpileDependencies: true
-})
+const { defineConfig } = require('@vue/cli-service')
+module.exports = defineConfig({
+ transpileDependencies: [
+ 'quasar'
+ ],
+
+ pluginOptions: {
+ quasar: {
+ importStrategy: 'kebab',
+ rtlSupport: true
+ }
+ }
+})
diff --git a/yarn.lock b/yarn.lock
index 35e84bf..8601f12 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1100,6 +1100,11 @@
resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
+"@quasar/extras@^1.0.0":
+ version "1.15.9"
+ resolved "https://registry.yarnpkg.com/@quasar/extras/-/extras-1.15.9.tgz#78b6a0f3dce982dd6da160e86f7f5c681bd81e1e"
+ integrity sha512-2y0KKTRol5FsqxhJH19pG5qU9ve+AUdPzQDSh/d7XxBZGJASOAcglKH/W1dCdChLJzyJDOJ4DmM2sxWQkosVWw==
+
"@sideway/address@^4.1.3":
version "4.1.4"
resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.4.tgz#03dccebc6ea47fdc226f7d3d1ad512955d4783f0"
@@ -2214,7 +2219,7 @@ chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
ansi-styles "^4.1.0"
supports-color "^7.1.0"
-chokidar@^3.5.3:
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.3:
version "3.5.3"
resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -3882,7 +3887,7 @@ kind-of@^6.0.2:
resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
-klona@^2.0.5:
+klona@^2.0.4, klona@^2.0.5:
version "2.0.5"
resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.5.tgz#d166574d90076395d9963aa7a928fabb8d76afbc"
integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==
@@ -4791,6 +4796,13 @@ postcss-reduce-transforms@^5.1.0:
dependencies:
postcss-value-parser "^4.2.0"
+postcss-rtl@^3.5.3:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/postcss-rtl/-/postcss-rtl-2.0.0.tgz#402a0bfb58928a6c7fa77e97d0af398d76fbe1f2"
+ integrity sha512-vFu78CvaGY9BafWRHNgDm6OjUxzRCWWCrp+KtnyXdgwibLwb/j5ls8Z/ubvOsk9B/Q2NLwSPrXRARKMaa9RBmA==
+ dependencies:
+ rtlcss "4.0.0"
+
postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9:
version "6.0.11"
resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
@@ -4827,7 +4839,7 @@ postcss@^7.0.36:
picocolors "^0.2.1"
source-map "^0.6.1"
-postcss@^8.1.10, postcss@^8.2.6, postcss@^8.3.5, postcss@^8.4.19:
+postcss@^8.1.10, postcss@^8.2.6, postcss@^8.3.5, postcss@^8.4.19, postcss@^8.4.6:
version "8.4.21"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
@@ -4906,6 +4918,11 @@ qs@6.11.0:
dependencies:
side-channel "^1.0.4"
+quasar@^2.0.0:
+ version "2.11.5"
+ resolved "https://registry.yarnpkg.com/quasar/-/quasar-2.11.5.tgz#c8a74c8f7bf24b16cdf51f1257df1a38b68fdfb8"
+ integrity sha512-rX4Rwp9wlCeB9A6RQUxEx/q84LMBVVm6WTECkoq8r/+NBgl9aHVexzZQBnRn2i61D0BJpdX5VcnMxAnJkTx/kA==
+
queue-microtask@^1.2.2:
version "1.2.3"
resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
@@ -5112,6 +5129,16 @@ rimraf@^3.0.2:
dependencies:
glob "^7.1.3"
+rtlcss@4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/rtlcss/-/rtlcss-4.0.0.tgz#ba73233b9c79fbf66eb867f2ae937713acbf2b40"
+ integrity sha512-j6oypPP+mgFwDXL1JkLCtm6U/DQntMUqlv5SOhpgHhdIE+PmBcjrtAHIpXfbIup47kD5Sgja9JDsDF1NNOsBwQ==
+ dependencies:
+ escalade "^3.1.1"
+ picocolors "^1.0.0"
+ postcss "^8.4.6"
+ strip-json-comments "^3.1.1"
+
run-parallel@^1.1.9:
version "1.2.0"
resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
@@ -5134,6 +5161,21 @@ safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+sass-loader@^12.0.0:
+ version "12.6.0"
+ resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-12.6.0.tgz#5148362c8e2cdd4b950f3c63ac5d16dbfed37bcb"
+ integrity sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==
+ dependencies:
+ klona "^2.0.4"
+ neo-async "^2.6.2"
+
+sass@1.32.12:
+ version "1.32.12"
+ resolved "https://registry.yarnpkg.com/sass/-/sass-1.32.12.tgz#a2a47ad0f1c168222db5206444a30c12457abb9f"
+ integrity sha512-zmXn03k3hN0KaiVTjohgkg98C3UowhL1/VSGdj4/VAAiMKGQOE80PFPxFP2Kyq0OUskPKcY5lImkhBKEHlypJA==
+ dependencies:
+ chokidar ">=3.0.0 <4.0.0"
+
schema-utils@^2.6.5:
version "2.7.1"
resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
@@ -5773,6 +5815,13 @@ vary@~1.1.2:
resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+vue-cli-plugin-quasar@~5.0.1:
+ version "5.0.1"
+ resolved "https://registry.yarnpkg.com/vue-cli-plugin-quasar/-/vue-cli-plugin-quasar-5.0.1.tgz#b50d038411a718cc47fb27883a0d7021e5a74e47"
+ integrity sha512-yFPN0mRQJJH4a1AoLC6zDLxWzTjRQYKp8gO8wYQO43F+SK4qiMOeXrjsMvjUAa5QYxkbPa27rrwP59gTqTgKLQ==
+ dependencies:
+ webpack-merge "^5.7.3"
+
vue-eslint-parser@^8.0.1:
version "8.3.0"
resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz#5d31129a1b3dd89c0069ca0a1c88f970c360bd0d"