@simsustech/quasar-components 0.1.0

package/src/ui/flags/vue-flags/um.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="iso-8859-1"?><svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+  <g>
+    <rect y="127.994" style="fill:#D80027;" width="512" height="42.663"/>
+    <rect y="213.331" style="fill:#D80027;" width="512" height="42.663"/>
+    <rect y="298.657" style="fill:#D80027;" width="512" height="42.663"/>
+    <rect y="383.994" style="fill:#D80027;" width="512" height="42.663"/>
+  </g>
+  <rect y="85.331" style="fill:#2E52B2;" width="256" height="183.797"/>
+  <g>
+    <polygon style="fill:#F0F0F0;" points="99.822,160.624 95.699,173.308 82.363,173.308 93.154,181.143 89.031,193.826    99.822,185.991 110.606,193.826 106.484,181.143 117.275,173.308 103.938,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="103.938,219.08 99.822,206.397 95.699,219.08 82.363,219.08 93.154,226.916 89.031,239.599    99.822,231.763 110.606,239.599 106.484,226.916 117.275,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="47.577,219.08 43.46,206.397 39.337,219.08 26.001,219.08 36.792,226.916 32.669,239.599    43.46,231.763 54.245,239.599 50.123,226.916 60.912,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="43.46,160.624 39.337,173.308 26.001,173.308 36.792,181.143 32.669,193.826 43.46,185.991    54.245,193.826 50.123,181.143 60.912,173.308 47.577,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="99.822,114.85 95.699,127.535 82.363,127.535 93.154,135.371 89.031,148.054    99.822,140.218 110.606,148.054 106.484,135.371 117.275,127.535 103.938,127.535  "/>
+    <polygon style="fill:#F0F0F0;" points="43.46,114.85 39.337,127.535 26.001,127.535 36.792,135.371 32.669,148.054 43.46,140.218    54.245,148.054 50.123,135.371 60.912,127.535 47.577,127.535  "/>
+    <polygon style="fill:#F0F0F0;" points="156.183,160.624 152.061,173.308 138.725,173.308 149.515,181.143 145.394,193.826    156.183,185.991 166.969,193.826 162.846,181.143 173.637,173.308 160.301,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="160.301,219.08 156.183,206.397 152.061,219.08 138.725,219.08 149.515,226.916    145.394,239.599 156.183,231.763 166.969,239.599 162.846,226.916 173.637,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="216.663,219.08 212.546,206.397 208.423,219.08 195.088,219.08 205.877,226.916    201.755,239.599 212.546,231.763 223.331,239.599 219.208,226.916 229.999,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="212.546,160.624 208.423,173.308 195.088,173.308 205.877,181.143 201.755,193.826    212.546,185.991 223.331,193.826 219.208,181.143 229.999,173.308 216.663,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="156.183,114.85 152.061,127.535 138.725,127.535 149.515,135.371 145.394,148.054    156.183,140.218 166.969,148.054 162.846,135.371 173.637,127.535 160.301,127.535  "/>
+    <polygon style="fill:#F0F0F0;" points="212.546,114.85 208.423,127.535 195.088,127.535 205.877,135.371 201.755,148.054    212.546,140.218 223.331,148.054 219.208,135.371 229.999,127.535 216.663,127.535  "/>
+  </g>
+</svg>

package/src/ui/flags/vue-flags/unknown.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <path d="M512 85.3311H0V426.668H512V85.3311Z" fill="#ffffff"/>
+  <path d="M237.013 285.792H266.676C267.005 274.367 269.312 267.335 277.662 259.865C292.274 246.352 304.359 236.244 304.359 217.238C304.359 189.113 285.572 173.842 254.261 173.842C225.807 173.842 203.724 187.685 203.285 219.765H237.672C238.001 206.911 245.802 201.637 254.261 201.637C264.588 201.637 270.082 207.13 270.082 218.776C270.082 228.444 263.27 235.695 253.053 244.264C240.858 254.701 237.013 266.347 237.013 285.792ZM252.284 301.283C240.858 301.283 233.167 309.083 233.167 319.301C233.167 329.518 240.858 337.318 252.284 337.318C263.709 337.318 271.4 329.518 271.4 319.301C271.4 309.083 263.709 301.283 252.284 301.283Z" fill="171E29"/>
+</svg>

package/src/ui/flags/vue-flags/us.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="iso-8859-1"?><svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+  <g>
+    <rect y="127.994" style="fill:#D80027;" width="512" height="42.663"/>
+    <rect y="213.331" style="fill:#D80027;" width="512" height="42.663"/>
+    <rect y="298.657" style="fill:#D80027;" width="512" height="42.663"/>
+    <rect y="383.994" style="fill:#D80027;" width="512" height="42.663"/>
+  </g>
+  <rect y="85.331" style="fill:#2E52B2;" width="256" height="183.797"/>
+  <g>
+    <polygon style="fill:#F0F0F0;" points="99.822,160.624 95.699,173.308 82.363,173.308 93.154,181.143 89.031,193.826    99.822,185.991 110.606,193.826 106.484,181.143 117.275,173.308 103.938,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="103.938,219.08 99.822,206.397 95.699,219.08 82.363,219.08 93.154,226.916 89.031,239.599    99.822,231.763 110.606,239.599 106.484,226.916 117.275,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="47.577,219.08 43.46,206.397 39.337,219.08 26.001,219.08 36.792,226.916 32.669,239.599    43.46,231.763 54.245,239.599 50.123,226.916 60.912,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="43.46,160.624 39.337,173.308 26.001,173.308 36.792,181.143 32.669,193.826 43.46,185.991    54.245,193.826 50.123,181.143 60.912,173.308 47.577,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="99.822,114.85 95.699,127.535 82.363,127.535 93.154,135.371 89.031,148.054    99.822,140.218 110.606,148.054 106.484,135.371 117.275,127.535 103.938,127.535  "/>
+    <polygon style="fill:#F0F0F0;" points="43.46,114.85 39.337,127.535 26.001,127.535 36.792,135.371 32.669,148.054 43.46,140.218    54.245,148.054 50.123,135.371 60.912,127.535 47.577,127.535  "/>
+    <polygon style="fill:#F0F0F0;" points="156.183,160.624 152.061,173.308 138.725,173.308 149.515,181.143 145.394,193.826    156.183,185.991 166.969,193.826 162.846,181.143 173.637,173.308 160.301,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="160.301,219.08 156.183,206.397 152.061,219.08 138.725,219.08 149.515,226.916    145.394,239.599 156.183,231.763 166.969,239.599 162.846,226.916 173.637,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="216.663,219.08 212.546,206.397 208.423,219.08 195.088,219.08 205.877,226.916    201.755,239.599 212.546,231.763 223.331,239.599 219.208,226.916 229.999,219.08  "/>
+    <polygon style="fill:#F0F0F0;" points="212.546,160.624 208.423,173.308 195.088,173.308 205.877,181.143 201.755,193.826    212.546,185.991 223.331,193.826 219.208,181.143 229.999,173.308 216.663,173.308  "/>
+    <polygon style="fill:#F0F0F0;" points="156.183,114.85 152.061,127.535 138.725,127.535 149.515,135.371 145.394,148.054    156.183,140.218 166.969,148.054 162.846,135.371 173.637,127.535 160.301,127.535  "/>
+    <polygon style="fill:#F0F0F0;" points="212.546,114.85 208.423,127.535 195.088,127.535 205.877,135.371 201.755,148.054    212.546,140.218 223.331,148.054 219.208,135.371 229.999,127.535 216.663,127.535  "/>
+  </g>
+</svg>

package/src/ui/flags/vue-flags/uy.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+  <g>
+    <rect y="85.337" style="fill:#338AF3;" width="512" height="48.762"/>
+    <rect y="182.862" style="fill:#338AF3;" width="512" height="48.762"/>
+    <rect y="280.387" style="fill:#338AF3;" width="512" height="48.762"/>
+    <rect y="377.9" style="fill:#338AF3;" width="512" height="48.762"/>
+  </g>
+  <rect y="85.337" style="fill:#F0F0F0;" width="256" height="195.05"/>
+  <polygon style="fill:#FFDA44;" points="192,182.857 165.849,195.158 179.774,220.485 151.377,215.052 147.779,243.739 128,222.641   108.22,243.739 104.623,215.052 76.226,220.484 90.151,195.158 64,182.857 90.151,170.556 76.226,145.23 104.622,150.662   108.221,121.975 128,143.074 147.78,121.975 151.377,150.662 179.775,145.23 165.849,170.557 "/>
+</svg>

package/src/ui/flags/vue-flags/uz.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+  <rect y="322.783" style="fill:#6DA544;" width="512" height="103.88"/>
+  <rect id="SVGCleanerId_0" y="85.337" style="fill:#338AF3;" width="512" height="104.515"/>
+  <rect y="210.877" style="fill:#F0F0F0;" width="512" height="89.656"/>
+  <g>
+    <rect id="SVGCleanerId_0_1_" y="85.337" style="fill:#338AF3;" width="512" height="104.515"/>
+  </g>
+  <g>
+    <path style="fill:#F0F0F0;" d="M188.688,137.589c0-15.984,11.234-29.339,26.236-32.614c-2.306-0.503-4.698-0.777-7.155-0.777   c-18.442,0-33.391,14.949-33.391,33.391s14.949,33.391,33.391,33.391c2.458,0,4.85-0.273,7.155-0.777   C199.922,166.928,188.688,153.573,188.688,137.589z"/>
+    <polygon style="fill:#F0F0F0;" points="234.658,152.766 236.919,159.723 244.234,159.723 238.316,164.024 240.577,170.98    234.658,166.68 228.74,170.98 231.001,164.024 225.083,159.723 232.398,159.723  "/>
+    <polygon style="fill:#F0F0F0;" points="258.006,152.766 260.266,159.723 267.581,159.723 261.663,164.024 263.924,170.98    258.006,166.68 252.088,170.98 254.348,164.024 248.431,159.723 255.745,159.723  "/>
+    <polygon style="fill:#F0F0F0;" points="281.353,152.766 283.613,159.723 290.928,159.723 285.011,164.024 287.271,170.98    281.353,166.68 275.435,170.98 277.695,164.024 271.777,159.723 279.092,159.723  "/>
+    <polygon style="fill:#F0F0F0;" points="304.7,152.766 306.962,159.723 314.277,159.723 308.358,164.024 310.619,170.98    304.7,166.68 298.782,170.98 301.044,164.024 295.125,159.723 302.439,159.723  "/>
+    <polygon style="fill:#F0F0F0;" points="328.048,152.766 330.308,159.723 337.623,159.723 331.705,164.024 333.966,170.98    328.048,166.68 322.13,170.98 324.39,164.024 318.473,159.723 325.787,159.723  "/>
+    <polygon style="fill:#F0F0F0;" points="258.006,128.482 260.266,135.438 267.581,135.438 261.663,139.738 263.924,146.695    258.006,142.396 252.088,146.695 254.348,139.738 248.431,135.438 255.745,135.438  "/>
+    <polygon style="fill:#F0F0F0;" points="281.353,128.482 283.613,135.438 290.928,135.438 285.011,139.738 287.271,146.695    281.353,142.396 275.435,146.695 277.695,139.738 271.777,135.438 279.092,135.438  "/>
+    <polygon style="fill:#F0F0F0;" points="304.7,128.482 306.962,135.438 314.277,135.438 308.358,139.738 310.619,146.695    304.7,142.396 298.782,146.695 301.044,139.738 295.125,135.438 302.439,135.438  "/>
+    <polygon style="fill:#F0F0F0;" points="328.048,128.482 330.308,135.438 337.623,135.438 331.705,139.738 333.966,146.695    328.048,142.396 322.13,146.695 324.39,139.738 318.473,135.438 325.787,135.438  "/>
+    <polygon style="fill:#F0F0F0;" points="281.353,104.198 283.613,111.154 290.928,111.154 285.011,115.454 287.271,122.411    281.353,118.111 275.435,122.411 277.695,115.454 271.777,111.154 279.092,111.154  "/>
+    <polygon style="fill:#F0F0F0;" points="304.7,104.198 306.962,111.154 314.277,111.154 308.358,115.454 310.619,122.411    304.7,118.111 298.782,122.411 301.044,115.454 295.125,111.154 302.439,111.154  "/>
+    <polygon style="fill:#F0F0F0;" points="328.048,104.198 330.308,111.154 337.623,111.154 331.705,115.454 333.966,122.411    328.048,118.111 322.13,122.411 324.39,115.454 318.473,111.154 325.787,111.154  "/>
+  </g>
+</svg>

package/src/ui/flags/vue-flags/va.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#FFDA44;" width="512" height="341.326"/>
+  <rect x="256" y="85.331" style="fill:#F0F0F0;" width="256" height="341.337"/>
+  <path style="fill:#ACABB1;" d="M321.353,233.837l32.073,42.43c-5.053,7.651-5.026,17.961,0.817,25.692  c7.414,9.807,21.374,11.748,31.182,4.335c9.807-7.414,11.748-21.374,4.334-31.182c-5.843-7.731-15.756-10.568-24.495-7.795  l-49.988-66.129l-11.838,8.949l-17.759,13.424l17.899,23.677L321.353,233.837z M367.528,282.617  c3.27-2.472,7.923-1.824,10.395,1.445c2.471,3.269,1.824,7.923-1.445,10.395c-3.269,2.47-7.923,1.824-10.394-1.446  C363.613,289.743,364.259,285.088,367.528,282.617z"/>
+  <path style="fill:#FFDA44;" d="M376.367,247.24l17.899-23.677l-17.759-13.424l-11.838-8.949l-49.988,66.129  c-8.74-2.775-18.651,0.063-24.495,7.795c-7.414,9.808-5.473,23.768,4.334,31.182c9.808,7.414,23.768,5.473,31.182-4.335  c5.845-7.731,5.871-18.041,0.817-25.692l32.073-42.43L376.367,247.24z M313.863,293.011c-2.471,3.27-7.125,3.916-10.394,1.446  c-3.27-2.472-3.916-7.126-1.445-10.395c2.471-3.268,7.125-3.916,10.395-1.445C315.687,285.088,316.334,289.743,313.863,293.011z"/>
+</svg>

package/src/ui/flags/vue-flags/vc.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#FFDA44;" width="512" height="341.337"/>
+  <rect y="85.331" style="fill:#338AF3;" width="170.663" height="341.337"/>
+  <g>
+    <rect x="341.337" y="85.331" style="fill:#6DA544;" width="170.663" height="341.337"/>
+    <polygon style="fill:#6DA544;" points="214.261,283.82 180.868,233.734 214.26,183.647 247.652,233.734  "/>
+    <polygon style="fill:#6DA544;" points="297.739,283.82 264.348,233.734 297.739,183.647 331.132,233.734  "/>
+    <polygon style="fill:#6DA544;" points="256,350.603 222.609,300.516 256,250.429 289.391,300.516  "/>
+  </g>
+</svg>

package/src/ui/flags/vue-flags/ve.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.337" style="fill:#D80027;" width="512" height="341.326"/>
+  <rect y="181.793" style="fill:#0052B4;" width="512" height="148.413"/>
+  <g>
+    <polygon style="fill:#F0F0F0;" points="367.304,285.852 359.271,292.128 362.759,301.705 354.306,296.006 346.274,302.281    349.083,292.483 340.632,286.782 350.82,286.427 353.631,276.629 357.118,286.208  "/>
+    <polygon style="fill:#F0F0F0;" points="346.735,250.227 341.335,258.872 347.887,266.68 337.996,264.216 332.594,272.859    331.882,262.69 321.991,260.224 331.443,256.405 330.733,246.235 337.286,254.045  "/>
+    <polygon style="fill:#F0F0F0;" points="315.223,223.785 313.105,233.756 321.932,238.852 311.795,239.921 309.674,249.889    305.528,240.578 295.391,241.642 302.966,234.821 298.82,225.51 307.649,230.606  "/>
+    <polygon style="fill:#F0F0F0;" points="276.568,209.716 277.987,219.81 288.026,221.58 278.864,226.05 280.282,236.144    273.201,228.812 264.038,233.279 268.824,224.278 261.743,216.948 271.783,218.716  "/>
+    <polygon style="fill:#F0F0F0;" points="235.432,209.716 240.219,218.716 250.256,216.946 243.175,224.28 247.96,233.281    238.799,228.812 231.717,236.143 233.137,226.05 223.974,221.582 234.014,219.81  "/>
+    <polygon style="fill:#F0F0F0;" points="196.776,223.785 204.354,230.606 213.179,225.51 209.035,234.824 216.609,241.644    206.472,240.578 202.325,249.889 200.208,239.919 190.069,238.855 198.898,233.757  "/>
+    <polygon style="fill:#F0F0F0;" points="165.265,250.227 174.718,254.045 181.268,246.237 180.559,256.408 190.009,260.227    180.118,262.692 179.406,272.859 174.007,264.216 164.115,266.681 170.667,258.872  "/>
+    <polygon style="fill:#F0F0F0;" points="144.696,285.852 154.886,286.208 158.37,276.63 161.183,286.429 171.369,286.786    162.917,292.486 165.727,302.284 157.695,296.008 149.245,301.707 152.731,292.128  "/>
+  </g>
+  <rect y="85.337" style="fill:#FFDA44;" width="512" height="96.456"/>
+</svg>

package/src/ui/flags/vue-flags/vg.svg

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.334" style="fill:#0052B4;" width="512" height="341.337"/>
+  <polygon style="fill:#F0F0F0;" points="256,85.334 256,202.66 209.931,202.66 256,233.38 256,255.997 233.372,255.997 160,207.078   160,255.997 96,255.997 96,207.078 22.628,255.997 0,255.997 0,233.38 46.069,202.66 0,202.66 0,138.66 46.069,138.66 0,107.951   0,85.334 22.628,85.334 96,134.241 96,85.334 160,85.334 160,134.241 233.372,85.334 "/>
+  <g>
+    <polygon style="fill:#D80027;" points="144,85.33 112,85.33 112,154.663 0,154.663 0,186.663 112,186.663 112,255.997 144,255.997    144,186.663 256,186.663 256,154.663 144,154.663  "/>
+    <polygon style="fill:#D80027;" points="0,85.329 0,100.412 57.377,138.663 80,138.663  "/>
+    <polygon style="fill:#D80027;" points="256,85.329 256,100.412 198.623,138.663 176,138.663  "/>
+  </g>
+  <polygon style="fill:#2E52B2;" points="256,107.951 256,138.663 209.931,138.663 "/>
+  <g>
+    <polygon style="fill:#D80027;" points="0,85.329 0,100.412 57.377,138.663 80,138.663  "/>
+    <polygon style="fill:#D80027;" points="256,85.329 256,100.412 198.623,138.663 176,138.663  "/>
+  </g>
+  <polygon style="fill:#2E52B2;" points="256,107.951 256,138.663 209.931,138.663 "/>
+  <g>
+    <polygon style="fill:#D80027;" points="0,255.997 0,240.915 57.377,202.663 80,202.663  "/>
+    <polygon style="fill:#D80027;" points="256,255.997 256,240.915 198.623,202.663 176,202.663  "/>
+  </g>
+  <path style="fill:#FFDA44;" d="M384,259.706l-46.129,46.129c8.645,16.675,26.051,28.074,46.129,28.074  c20.078,0,37.484-11.4,46.129-28.074L384,259.706z"/>
+  <path style="fill:#6DA544;" d="M332.058,178.084v81.623v0.001l0,0C332.059,299.467,384,311.649,384,311.649  s51.941-12.182,51.942-51.942l0,0v-0.001v-81.622H332.058z"/>
+  <rect x="372.87" y="215.181" style="fill:#F0F0F0;" width="22.261" height="59.359"/>
+  <circle style="fill:#A2001D;" cx="384" cy="215.181" r="11.13"/>
+  <g>
+    <rect x="346.902" y="192.92" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+    <rect x="346.902" y="226.312" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+    <rect x="346.902" y="259.703" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+    <rect x="406.261" y="192.92" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+    <rect x="406.261" y="226.312" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+    <rect x="406.261" y="259.703" style="fill:#FFDA44;" width="14.84" height="14.84"/>
+  </g>
+</svg>

package/src/ui/flags/vue-flags/vi.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+  <g>
+    <path style="fill:#FFDA44;" d="M284.986,204.557c0-16.008-12.977-28.986-28.986-28.986c-16.008,0-28.986,12.978-28.986,28.986   h-63.768c0,15.761,13.729,28.538,29.49,28.538h-0.949c0,15.762,12.777,28.541,28.54,28.541c0,13.955,10.023,25.551,23.259,28.031   l-0.075,0.167h24.977l-0.073-0.167c13.237-2.48,23.26-14.076,23.26-28.031c15.763,0,28.54-12.778,28.54-28.541h-0.951   c15.761,0,29.49-12.778,29.49-28.538L284.986,204.557L284.986,204.557z"/>
+    <path style="fill:#FFDA44;" d="M243.258,286.877l-17.972,40.575c9.483,3.856,19.847,5.997,30.714,5.997   c10.867,0,21.232-2.142,30.713-5.997l-17.971-40.575H243.258z"/>
+  </g>
+  <path style="fill:#F0F0F0;" d="M218.899,218.811v49.928c0,28.399,37.101,37.101,37.101,37.101s37.101-8.702,37.101-37.101v-49.928  L218.899,218.811L218.899,218.811z"/>
+  <g>
+    <path style="fill:#338AF3;" d="M126.719,257.195l20.066,56.123l19.857-56.123h15.154l-28.95,74.203h-12.123l-29.158-74.203H126.719   L126.719,257.195z"/>
+    <path style="fill:#338AF3;" d="M359.884,331.399v-74.203h14.423v74.203H359.884z"/>
+  </g>
+  <g>
+    <path style="fill:#D80027;" d="M233.739,234.935v60.503c5.101,3.753,10.588,6.337,14.84,7.989v-68.492L233.739,234.935   L233.739,234.935z"/>
+    <path style="fill:#D80027;" d="M278.261,234.935v60.503c-5.101,3.753-10.588,6.337-14.84,7.989v-68.492L278.261,234.935   L278.261,234.935z"/>
+  </g>
+  <rect x="218.902" y="218.808" style="fill:#0052B4;" width="74.207" height="23.541"/>
+</svg>

package/src/ui/flags/vue-flags/vn.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <polygon style="fill:#D80027;" points="196.641,85.337 0,85.337 0,426.663 196.641,426.663 512,426.663 512,85.337 "/>
+  <polygon style="fill:#FFDA44;" points="256,157.279 278.663,227.026 352,227.026 292.668,270.132 315.332,339.881 256,296.774   196.668,339.881 219.332,270.132 160,227.026 233.337,227.026 "/>
+</svg>

package/src/ui/flags/vue-flags/vu.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.337" width="512" height="341.326"/>
+  <polygon style="fill:#6DA544;" points="512,256 512,426.663 0,426.663 215.185,256 "/>
+  <polygon style="fill:#D80027;" points="512,85.337 512,256 215.185,256 0,85.337 "/>
+  <polygon points="221.001,239.304 26.868,85.337 8.956,85.337 217.124,250.435 512,250.435 512,239.304 "/>
+  <polygon points="8.956,426.663 26.868,426.663 221.001,272.696 512,272.696 512,261.565 217.124,261.565 "/>
+  <polygon points="0,92.44 0,106.646 188.317,256 0,405.354 0,419.559 206.229,256 "/>
+  <g>
+    <polygon style="fill:#FFDA44;" points="8.956,85.337 0,85.337 0,92.44 206.229,256 0,419.559 0,426.663 8.956,426.663    217.124,261.565 512,261.565 512,250.435 217.124,250.435  "/>
+    <path style="fill:#FFDA44;" d="M63.718,292.382v-14.295c14.265,0,25.87-11.606,25.87-25.869c0-10.092-8.211-18.303-18.304-18.303   c-6.875,0-12.469,5.593-12.469,12.469c0,4.397,3.577,7.974,7.974,7.974c2.485,0,4.508-2.023,4.508-4.508h14.295   c0,10.368-8.435,18.804-18.802,18.804c-12.279-0.002-22.269-9.993-22.269-22.271c0-14.758,12.006-26.764,26.764-26.764   c17.975,0,32.599,14.623,32.599,32.599C103.884,274.363,85.866,292.382,63.718,292.382z"/>
+  </g>
+</svg>

package/src/ui/flags/vue-flags/wf.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+  <rect y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/>
+  <rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+</svg>

package/src/ui/flags/vue-flags/ws.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#D80027;" width="512" height="341.337"/>
+  <rect y="85.331" style="fill:#0052B4;" width="256" height="170.663"/>
+  <g>
+    <polygon style="fill:#F0F0F0;" points="165.483,181.79 168.247,190.294 177.186,190.294 169.954,195.548 172.717,204.051    165.483,198.796 158.25,204.051 161.013,195.548 153.78,190.294 162.72,190.294  "/>
+    <polygon style="fill:#F0F0F0;" points="120.579,115.007 125.185,129.18 140.085,129.18 128.03,137.937 132.635,152.108    120.579,143.35 108.525,152.108 113.13,137.937 101.074,129.18 115.975,129.18  "/>
+    <polygon style="fill:#F0F0F0;" points="165.101,129.848 169.707,144.02 184.607,144.02 172.552,152.777 177.156,166.95    165.101,158.19 153.047,166.95 157.651,152.777 145.596,144.02 160.496,144.02  "/>
+    <polygon style="fill:#F0F0F0;" points="129.909,189.211 134.515,203.383 149.415,203.383 137.36,212.141 141.964,226.312    129.909,217.553 117.855,226.312 122.459,212.141 110.404,203.383 125.304,203.383  "/>
+    <polygon style="fill:#F0F0F0;" points="90.899,152.108 95.504,166.281 110.404,166.281 98.349,175.038 102.953,189.211    90.899,180.451 78.844,189.211 83.448,175.038 71.393,166.281 86.293,166.281  "/>
+  </g>
+</svg>

package/src/ui/flags/vue-flags/ye.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+  <rect y="85.337" style="fill:#D80027;" width="512" height="113.775"/>
+  <rect y="312.888" width="512" height="113.775"/>
+</svg>

package/src/ui/flags/vue-flags/yt.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#F0F0F0;" width="512" height="341.337"/>
+  <rect y="85.331" style="fill:#0052B4;" width="170.663" height="341.337"/>
+  <rect x="341.337" y="85.331" style="fill:#D80027;" width="170.663" height="341.337"/>
+</svg>

package/src/ui/flags/vue-flags/za.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.337" style="fill:#F0F0F0;" width="512" height="341.326"/>
+  <polygon points="114.024,256.001 0,141.926 0,370.096 "/>
+  <polygon style="fill:#FFDA44;" points="161.192,256 0,94.7 0,141.926 114.024,256.001 0,370.096 0,417.234 "/>
+  <path style="fill:#6DA544;" d="M509.833,289.391L509.833,289.391c0.058-0.44,0.804-0.878,2.167-1.318V256v-33.391h-2.167H222.602  L85.33,85.337H0V94.7L161.192,256L0,417.234v9.429h85.33l137.272-137.272H509.833z"/>
+  <polygon style="fill:#0052B4;" points="503.181,322.783 236.433,322.783 132.552,426.663 512,426.663 512,322.783 "/>
+  <polygon style="fill:#D80027;" points="503.181,189.217 512,189.217 512,85.337 132.552,85.337 236.433,189.217 "/>
+</svg>

package/src/ui/flags/vue-flags/zm.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.331" style="fill:#496E2D;" width="512" height="341.337"/>
+  <path style="fill:#FF9811;" d="M490.668,195.476h-48c0-8.836-7.164-16-16-16s-16,7.164-16,16h-48c0,8.836,7.697,16,16.533,16h-0.533  c0,8.836,7.162,16,16,16c0,8.836,7.162,16,16,16h32c8.836,0,16-7.164,16-16c8.836,0,16-7.164,16-16h-0.533  C482.972,211.476,490.668,204.312,490.668,195.476z"/>
+  <rect x="341.337" y="255.994" style="fill:#D80027;" width="56.888" height="170.663"/>
+  <rect x="455.112" y="255.994" style="fill:#FF9811;" width="56.888" height="170.663"/>
+  <rect x="398.225" y="255.994" width="56.888" height="170.663"/>
+</svg>

package/src/ui/flags/vue-flags/zw.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+  <rect y="85.333" width="512" height="341.337"/>
+  <g>
+    <rect y="134.196" style="fill:#FFDA44;" width="512" height="48.868"/>
+    <rect y="329.668" style="fill:#FFDA44;" width="512" height="48.868"/>
+  </g>
+  <rect y="85.333" style="fill:#6DA544;" width="512" height="48.868"/>
+  <g>
+    <rect y="183.069" style="fill:#D80027;" width="512" height="48.868"/>
+    <rect y="280.806" style="fill:#D80027;" width="512" height="48.868"/>
+  </g>
+  <rect y="378.542" style="fill:#6DA544;" width="512" height="48.128"/>
+  <polygon style="fill:#F0F0F0;" points="276.992,255.996 106.329,426.659 0,426.659 0,85.333 106.329,85.333 "/>
+  <polygon points="256,255.996 85.334,426.662 106.321,426.662 276.988,255.996 106.321,85.33 85.334,85.33 "/>
+  <polygon style="fill:#D80027;" points="102.465,202.57 115.724,243.382 158.641,243.382 123.923,268.608 137.183,309.422   102.465,284.198 67.745,309.422 81.007,268.608 46.289,243.382 89.204,243.382 "/>
+  <path style="fill:#FFDA44;" d="M138.94,259.335l-34.559-12.243c0,0-2.553-23.955-2.708-24.766  c-1.173-6.18-6.603-10.851-13.123-10.851c-7.376,0-13.357,5.98-13.357,13.357c0,1.223,0.178,2.402,0.486,3.528l-9.689,9.755  c0,0,11.509,0,17.229,0c0,17.882-13.344,17.882-13.344,35.691l7.402,17.809h44.522l7.422-17.809h-0.004  c0.744-1.709,1.194-3.47,1.381-5.231C136.995,265.986,138.94,259.335,138.94,259.335z"/>
+</svg>

package/src/ui/general/QStyledCard.vue

@@ -0,0 +1,77 @@
+<template>
+  <q-card ref="qCardRef" class="card">
+    <slot name="image" />
+
+    <q-card-section>
+      <div class="text-h6">
+        <slot name="title" />
+      </div>
+      <div class="text-subtitle2">
+        <slot name="subtitle" />
+      </div>
+    </q-card-section>
+
+    <q-card-section class="q-pt-none">
+      <slot name="default" />
+    </q-card-section>
+
+    <q-card-actions v-bind="actions">
+      <slot name="actions" />
+    </q-card-actions>
+  </q-card>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'QStyledCard'
+}
+</script>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { QCard, useQuasar, QCardActionsProps } from 'quasar'
+import { useLang, loadLang } from './lang'
+
+export interface Props {
+  actions?: QCardActionsProps
+}
+defineProps<Props>()
+// const attrs = useAttrs();
+// const emit = defineEmits<{
+//   (
+//     e: "asyncEmit",
+//     {
+//       value,
+//       done,
+//     }: {
+//       value: string;
+//       done: () => void;
+//     }
+//   ): void;
+// }>();
+const $q = useQuasar()
+const lang = useLang()
+if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
+watch($q.lang, (val) => {
+  loadLang($q.lang.isoName)
+})
+
+const qCardRef = ref<QCard>()
+
+const variables = ref({
+  // header: lang.value.some.nested.prop
+})
+const functions = ref({
+  // submit
+})
+defineExpose({
+  variables,
+  functions
+})
+</script>
+
+<style lang="sass" scoped>
+.card
+  width: 100%
+  max-width: 400px
+</style>

package/src/ui/general/QStyledLayout.vue

@@ -0,0 +1,108 @@
+<template>
+  <q-layout view="lHh Lpr lFf">
+    <q-header elevated>
+      <q-toolbar>
+        <q-btn
+          flat
+          dense
+          round
+          icon="menu"
+          aria-label="Menu"
+          @click="toggleLeftDrawer"
+        />
+
+        <q-toolbar-title>
+          {{ title }}
+        </q-toolbar-title>
+        <q-btn>
+          <q-menu>
+            <q-select
+              v-model="$q.lang.isoName"
+              filled
+              :options="localeOptions"
+              clearable
+              options-selected-class="text-deep-orange"
+            >
+              <template #option="scope">
+                <q-item v-bind="scope.itemProps">
+                  <q-item-section avatar>
+                    <nl v-if="scope.opt === 'nl'" ref="nlRef" />
+                  </q-item-section>
+                  <q-item-section>
+                    <q-item-label v-if="scope.opt === 'nl'" caption>
+                      {{ nlRef.variables.language }}
+                    </q-item-label>
+                  </q-item-section>
+                </q-item>
+              </template>
+            </q-select>
+          </q-menu>
+        </q-btn>
+      </q-toolbar>
+    </q-header>
+
+    <q-drawer v-model="leftDrawerOpen" show-if-above bordered>
+      <q-list>
+        <slot name="leftDrawerItems" />
+      </q-list>
+    </q-drawer>
+
+    <q-page-container>
+      <router-view />
+    </q-page-container>
+  </q-layout>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'QStyledLayout'
+}
+</script>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { useQuasar } from 'quasar'
+import { useLang, loadLang } from './lang'
+import { nl } from '../flags'
+export interface Props {
+  title: string
+}
+defineProps<Props>()
+// const attrs = useAttrs();
+// const emit = defineEmits<{
+//   (
+//     e: "asyncEmit",
+//     {
+//       value,
+//       done,
+//     }: {
+//       value: string;
+//       done: () => void;
+//     }
+//   ): void;
+// }>();
+const $q = useQuasar()
+const lang = useLang()
+if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
+watch($q.lang, (val) => {
+  loadLang($q.lang.isoName)
+})
+
+const localeOptions = ref(['nl', 'en-US'])
+const nlRef = ref<typeof nl>()
+const leftDrawerOpen = ref(false)
+const toggleLeftDrawer = () => {
+  leftDrawerOpen.value = !leftDrawerOpen.value
+}
+
+const variables = ref({
+  // header: lang.value.some.nested.prop
+})
+const functions = ref({
+  // submit
+})
+defineExpose({
+  variables,
+  functions
+})
+</script>

package/src/ui/general/QSubmitButton.vue

@@ -0,0 +1,70 @@
+<template>
+  <q-btn
+    v-bind="attrs"
+    :label="isNextButton ? lang.next : lang.submit"
+    color="primary"
+    :loading="loading || loadingInternal"
+    :type="useForm ? 'submit' : undefined"
+    @click="submit"
+  />
+</template>
+
+<script lang="ts">
+export default {
+  name: 'QSubmitButton',
+  inheritAttrs: false
+}
+</script>
+
+<script setup lang="ts">
+import { ref, watch, useAttrs } from 'vue'
+import { useQuasar } from 'quasar'
+import { useLang, loadLang } from './lang'
+export interface Props {
+  loading?: boolean
+  useForm?: boolean
+  isNextButton?: boolean
+}
+const props = defineProps({
+  loading: {
+    type: Boolean,
+    default: undefined
+  },
+  useForm: {
+    type: Boolean
+  },
+  isNextButton: {
+    type: Boolean
+  }
+})
+const attrs = useAttrs()
+const emit = defineEmits<{
+  (
+    e: 'submit',
+    {
+      value,
+      done
+    }: {
+      value?: string
+      done: () => void
+    }
+  ): void
+}>()
+const $q = useQuasar()
+const lang = useLang()
+if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
+watch($q.lang, (val) => {
+  loadLang($q.lang.isoName)
+})
+
+let loadingInternal = ref(false)
+
+const submit = () => {
+  if (props.loading === void 0) loadingInternal.value = true
+  const p = new Promise((resolve, reject) => {
+    emit('submit', { done: () => resolve(true) })
+  }).finally(() => {
+    if (props.loading === void 0) loadingInternal.value = false
+  })
+}
+</script>

package/src/ui/general/index.ts

@@ -0,0 +1,2 @@
+export { default as QSubmitButton } from './QSubmitButton.vue'
+export { default as QStyledCard } from './QStyledCard.vue'

package/src/ui/general/lang/en-US.ts

@@ -0,0 +1,10 @@
+import type { Language } from '../lang'
+
+const lang: Language = {
+  isoName: 'en-US',
+  submit: 'Submit',
+  next: 'Next',
+  back: 'Back'
+}
+
+export default lang