Home Explore Help
Sign In
sangfroid
/
films-symfony-4-2
1
0
Fork 0
Files Issues 2 Pull Requests 0 Wiki
Browse Source

vuejs tests

François Drouhard 2 years ago
parent
0c17957b44
commit
d38a866164
8 changed files with 292 additions and 5 deletions
Split View Show Diff Stats
  1. 20 0
      assets/js/Components/card.vue
  2. 8 0
      assets/js/vuejs.js
  3. 5 0
      package.json
  4. 18 0
      src/Controller/VueJsController.php
  5. 2 2
      templates/base.html.twig
  6. 22 0
      templates/vue_js/index.html.twig
  7. 3 1
      webpack.config.js
  8. 214 2
      yarn.lock

+ 20 - 0
assets/js/Components/card.vue
View File 

@@ -0,0 +1,20 @@
 
+<template>
 
+  <button class="btn btn-primary me-3 font-bold" @click="count++">Count is: {{ count }}</button>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+    props: {
 
+        initialCounter: { type: Number, default: 0 }
 
+    },
 
+    data () {
 
+        return {
 
+            count: this.initialCounter
 
+        }
 
+    }
 
+}
 
+</script>
 
+
 
+<style>
 
+
 
+</style>

+ 8 - 0
assets/js/vuejs.js
View File 

@@ -0,0 +1,8 @@
 
+import { createApp } from "vue";
 
+import card from "./Components/card"
 
+
 
+const app = createApp ({
 
+    components: {
 
+        card
 
+    }
 
+}).mount('#vue-app')

+ 5 - 0
package.json
View File 

@@ -14,6 +14,11 @@
 
         "sass": "^1.43.3",
 
         "sass-loader": "^12.2.0",
 
         "stimulus": "^3.0.1",
 
+        "ts-loader": "^9.0.0",
 
+        "typescript": "^4.8.3",
 
+        "vue": "^3",
 
+        "vue-loader": "^17",
 
+        "vue-template-compiler": "^2.7.10",
 
         "webpack-notifier": "^1.6.0"
 
     },
 
     "license": "UNLICENSED",

+ 18 - 0
src/Controller/VueJsController.php
View File 

@@ -0,0 +1,18 @@
 
+<?php
 
+
 
+namespace App\Controller;
 
+
 
+use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
 
+use Symfony\Component\HttpFoundation\Response;
 
+use Symfony\Component\Routing\Annotation\Route;
 
+
 
+class VueJsController extends AbstractController
 
+{
 
+    /**
 
+     * @Route("/vuejs", name="app_vue_js")
 
+     */
 
+    public function index(): Response
 
+    {
 
+        return $this->render('vue_js/index.html.twig');
 
+    }
 
+}

+ 2 - 2
templates/base.html.twig
View File 

@@ -6,6 +6,8 @@
 
         <title>{% block title %}Videothèque{% endblock %}</title>
 
 		{{ encore_entry_link_tags('app') }}
 
 		{% block stylesheets %}{% endblock %}
 
+		{{ encore_entry_script_tags('app') }}
 
+		{% block javascripts %}{% endblock %}
 
         <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
 
     </head>
 
     <body>
 
@@ -32,7 +34,5 @@
 
 		</div>
 
 
 
-		{{ encore_entry_script_tags('app') }}
 
-		{% block javascripts %}{% endblock %}
 
     </body>
 
 </html>

+ 22 - 0
templates/vue_js/index.html.twig
View File 

@@ -0,0 +1,22 @@
 
+{% extends 'base.html.twig' %}
 
+
 
+{% block title %}Hello VueJsController!{% endblock %}
 
+{% block titre %}VueJs App{% endblock %}
 
+
 
+{% block stylesheets %}
 
+    {{ encore_entry_link_tags('vuejs') }}
 
+{% endblock %}
 
+
 
+{% block javascripts %}
 
+    {{ encore_entry_script_tags('vuejs') }}
 
+{% endblock %}
 
+
 
+{% block body %}
 
+
 
+    <div id="vue-app">
 
+        <card initial-counter="3"></card>
 
+        <card initial-counter="5"></card>
 
+        <card></card>
 
+    </div>
 
+
 
+{% endblock %}

+ 3 - 1
webpack.config.js
View File 

@@ -21,6 +21,7 @@ Encore
 
      * and one CSS file (e.g. app.css) if your JavaScript imports CSS.
 
      */
 
     .addEntry('app', './assets/app.js')
 
+    .addEntry('vuejs', './assets/js/vuejs.js')
 
 
     // enables the Symfony UX Stimulus bridge (used in assets/bootstrap.js)
 
     .enableStimulusBridge('./assets/controllers.json')
 
@@ -59,7 +60,8 @@ Encore
 
     .enableSassLoader()
 
 
     // uncomment if you use TypeScript
 
-    //.enableTypeScriptLoader()
 
+    .enableTypeScriptLoader()
 
+    .enableVueLoader(() => {}, { runtimeCompilerBuild: true })
 
 
     // uncomment if you use React
 
     //.enableReactPreset()

+ 214 - 2
yarn.lock
View File 

@@ -370,6 +370,11 @@
 
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.15.8.tgz#7bacdcbe71bdc3ff936d510c15dcea7cf0b99016"
 
   integrity sha512-BRYa3wcQnjS/nqI8Ac94pYYpJfojHVvVXJ97+IDCImX4Jc8W8Xv1+47enbruk+q1etOpsQNwnfFcNGw+gtPGxA==
 
 
+"@babel/parser@^7.16.4":
 
+  version "7.19.1"
 
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.19.1.tgz#6f6d6c2e621aad19a92544cc217ed13f1aac5b4c"
 
+  integrity sha512-h7RCSorm1DdTVGJf3P2Mhj3kdnkmF/EiysUkzS2TdgAYqyjFdMQJbVuXOBej2SBJaXan/lIVtT6KkGbyyq753A==
 
+
 
 "@babel/parser@^7.16.7", "@babel/parser@^7.18.5":
 
   version "7.18.5"
 
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.5.tgz#337062363436a893a2d22faa60be5bb37091c83c"
 
@@ -1341,6 +1346,96 @@
 
   dependencies:
 
     "@types/node" "*"
 
 
+"@vue/compiler-core@3.2.39":
 
+  version "3.2.39"
 
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.39.tgz#0d77e635f4bdb918326669155a2dc977c053943e"
 
+  integrity sha512-mf/36OWXqWn0wsC40nwRRGheR/qoID+lZXbIuLnr4/AngM0ov8Xvv8GHunC0rKRIkh60bTqydlqTeBo49rlbqw==
 
+  dependencies:
 
+    "@babel/parser" "^7.16.4"
 
+    "@vue/shared" "3.2.39"
 
+    estree-walker "^2.0.2"
 
+    source-map "^0.6.1"
 
+
 
+"@vue/compiler-dom@3.2.39":
 
+  version "3.2.39"
 
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.39.tgz#bd69d35c1a48fe2cea4ab9e96d2a3a735d146fdf"
 
+  integrity sha512-HMFI25Be1C8vLEEv1hgEO1dWwG9QQ8LTTPmCkblVJY/O3OvWx6r1+zsox5mKPMGvqYEZa6l8j+xgOfUspgo7hw==
 
+  dependencies:
 
+    "@vue/compiler-core" "3.2.39"
 
+    "@vue/shared" "3.2.39"
 
+
 
+"@vue/compiler-sfc@3.2.39":
 
+  version "3.2.39"
 
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.39.tgz#8fe29990f672805b7c5a2ecfa5b05e681c862ea2"
 
+  integrity sha512-fqAQgFs1/BxTUZkd0Vakn3teKUt//J3c420BgnYgEOoVdTwYpBTSXCMJ88GOBCylmUBbtquGPli9tVs7LzsWIA==
 
+  dependencies:
 
+    "@babel/parser" "^7.16.4"
 
+    "@vue/compiler-core" "3.2.39"
 
+    "@vue/compiler-dom" "3.2.39"
 
+    "@vue/compiler-ssr" "3.2.39"
 
+    "@vue/reactivity-transform" "3.2.39"
 
+    "@vue/shared" "3.2.39"
 
+    estree-walker "^2.0.2"
 
+    magic-string "^0.25.7"
 
+    postcss "^8.1.10"
 
+    source-map "^0.6.1"
 
+
 
+"@vue/compiler-ssr@3.2.39":
 
+  version "3.2.39"
 
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.39.tgz#4f3bfb535cb98b764bee45e078700e03ccc60633"
 
+  integrity sha512-EoGCJ6lincKOZGW+0Ky4WOKsSmqL7hp1ZYgen8M7u/mlvvEQUaO9tKKOy7K43M9U2aA3tPv0TuYYQFrEbK2eFQ==
 
+  dependencies:
 
+    "@vue/compiler-dom" "3.2.39"
 
+    "@vue/shared" "3.2.39"
 
+
 
+"@vue/reactivity-transform@3.2.39":
 
+  version "3.2.39"
 
+  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.39.tgz#da6ae6c8fd77791b9ae21976720d116591e1c4aa"
 
+  integrity sha512-HGuWu864zStiWs9wBC6JYOP1E00UjMdDWIG5W+FpUx28hV3uz9ODOKVNm/vdOy/Pvzg8+OcANxAVC85WFBbl3A==
 
+  dependencies:
 
+    "@babel/parser" "^7.16.4"
 
+    "@vue/compiler-core" "3.2.39"
 
+    "@vue/shared" "3.2.39"
 
+    estree-walker "^2.0.2"
 
+    magic-string "^0.25.7"
 
+
 
+"@vue/reactivity@3.2.39":
 
+  version "3.2.39"
 
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.39.tgz#e6e3615fe2288d4232b104640ddabd0729a78c80"
 
+  integrity sha512-vlaYX2a3qMhIZfrw3Mtfd+BuU+TZmvDrPMa+6lpfzS9k/LnGxkSuf0fhkP0rMGfiOHPtyKoU9OJJJFGm92beVQ==
 
+  dependencies:
 
+    "@vue/shared" "3.2.39"
 
+
 
+"@vue/runtime-core@3.2.39":
 
+  version "3.2.39"
 
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.39.tgz#dc1faccab11b3e81197aba33fb30c9447c1d2c84"
 
+  integrity sha512-xKH5XP57JW5JW+8ZG1khBbuLakINTgPuINKL01hStWLTTGFOrM49UfCFXBcFvWmSbci3gmJyLl2EAzCaZWsx8g==
 
+  dependencies:
 
+    "@vue/reactivity" "3.2.39"
 
+    "@vue/shared" "3.2.39"
 
+
 
+"@vue/runtime-dom@3.2.39":
 
+  version "3.2.39"
 
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.39.tgz#4a8cb132bcef316e8151c5ed07fc7272eb064614"
 
+  integrity sha512-4G9AEJP+sLhsqf5wXcyKVWQKUhI+iWfy0hWQgea+CpaTD7BR0KdQzvoQdZhwCY6B3oleSyNLkLAQwm0ya/wNoA==
 
+  dependencies:
 
+    "@vue/runtime-core" "3.2.39"
 
+    "@vue/shared" "3.2.39"
 
+    csstype "^2.6.8"
 
+
 
+"@vue/server-renderer@3.2.39":
 
+  version "3.2.39"
 
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.39.tgz#4358292d925233b0d8b54cf0513eaece8b2351c5"
 
+  integrity sha512-1yn9u2YBQWIgytFMjz4f/t0j43awKytTGVptfd3FtBk76t1pd8mxbek0G/DrnjJhd2V7mSTb5qgnxMYt8Z5iSQ==
 
+  dependencies:
 
+    "@vue/compiler-ssr" "3.2.39"
 
+    "@vue/shared" "3.2.39"
 
+
 
+"@vue/shared@3.2.39":
 
+  version "3.2.39"
 
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.39.tgz#302df167559a1a5156da162d8cc6760cef67f8e3"
 
+  integrity sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw==
 
+
 
 "@webassemblyjs/ast@1.11.1":
 
   version "1.11.1"
 
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
 
@@ -1739,7 +1834,7 @@ brace-expansion@^1.1.7:
 
     balanced-match "^1.0.0"
 
     concat-map "0.0.1"
 
 
-braces@^3.0.1, braces@~3.0.2:
 
+braces@^3.0.1, braces@^3.0.2, braces@~3.0.2:
 
   version "3.0.2"
 
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
 
   integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
 
@@ -1825,7 +1920,7 @@ chalk@^2.0.0, chalk@^2.3.2:
 
     escape-string-regexp "^1.0.5"
 
     supports-color "^5.3.0"
 
 
-chalk@^4.0.0:
 
+chalk@^4.0.0, chalk@^4.1.0:
 
   version "4.1.2"
 
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
 
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
 
@@ -2140,6 +2235,16 @@ csso@^4.2.0:
 
   dependencies:
 
     css-tree "^1.1.2"
 
 
+csstype@^2.6.8:
 
+  version "2.6.21"
 
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.21.tgz#2efb85b7cc55c80017c66a5ad7cbd931fda3a90e"
 
+  integrity sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==
 
+
 
+de-indent@^1.0.2:
 
+  version "1.0.2"
 
+  resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
 
+  integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
 
+
 
 debug@2.6.9:
 
   version "2.6.9"
 
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
 
@@ -2285,6 +2390,14 @@ encodeurl@~1.0.2:
 
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
 
   integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
 
 
+enhanced-resolve@^5.0.0:
 
+  version "5.10.0"
 
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz#0dc579c3bb2a1032e357ac45b8f3a6f3ad4fb1e6"
 
+  integrity sha512-T0yTFjdpldGY8PmuXXR0PyQ1ufZpEGiHVrp7zHKB7jdR4qlmZHhONVM5AQOAWXuF/w3dnHbEQVrNptJgt7F+cQ==
 
+  dependencies:
 
+    graceful-fs "^4.2.4"
 
+    tapable "^2.2.0"
 
+
 
 enhanced-resolve@^5.9.3:
 
   version "5.9.3"
 
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.9.3.tgz#44a342c012cbc473254af5cc6ae20ebd0aae5d88"
 
@@ -2360,6 +2473,11 @@ estraverse@^5.2.0:
 
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
 
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
 
+estree-walker@^2.0.2:
 
+  version "2.0.2"
 
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
 
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
 
+
 
 esutils@^2.0.2:
 
   version "2.0.3"
 
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
 
@@ -2651,6 +2769,16 @@ has@^1.0.3:
 
   dependencies:
 
     function-bind "^1.1.1"
 
 
+hash-sum@^2.0.0:
 
+  version "2.0.0"
 
+  resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
 
+  integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
 
+
 
+he@^1.2.0:
 
+  version "1.2.0"
 
+  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
 
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
+
 
 hpack.js@^2.1.6:
 
   version "2.1.6"
 
   resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
 
@@ -3043,6 +3171,13 @@ lru-cache@^6.0.0:
 
   dependencies:
 
     yallist "^4.0.0"
 
 
+magic-string@^0.25.7:
 
+  version "0.25.9"
 
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
 
+  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
 
+  dependencies:
 
+    sourcemap-codec "^1.4.8"
 
+
 
 make-dir@^3.0.2, make-dir@^3.1.0:
 
   version "3.1.0"
 
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
 
@@ -3082,6 +3217,14 @@ methods@~1.1.2:
 
   resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
 
   integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
 
 
+micromatch@^4.0.0:
 
+  version "4.0.5"
 
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
 
+  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
 
+  dependencies:
 
+    braces "^3.0.2"
 
+    picomatch "^2.3.1"
 
+
 
 micromatch@^4.0.2:
 
   version "4.0.4"
 
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.4.tgz#896d519dfe9db25fce94ceb7a500919bf881ebf9"
 
@@ -3408,6 +3551,11 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3:
 
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.0.tgz#f1f061de8f6a4bf022892e2d128234fb98302972"
 
   integrity sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==
 
 
+picomatch@^2.3.1:
 
+  version "2.3.1"
 
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
 
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
+
 
 pify@^2.0.0:
 
   version "2.3.0"
 
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
 
@@ -3695,6 +3843,15 @@ postcss-value-parser@^4.2.0:
 
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
 
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
 
+postcss@^8.1.10:
 
+  version "8.4.16"
 
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.16.tgz#33a1d675fac39941f5f445db0de4db2b6e01d43c"
 
+  integrity sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==
 
+  dependencies:
 
+    nanoid "^3.3.4"
 
+    picocolors "^1.0.0"
 
+    source-map-js "^1.0.2"
 
+
 
 postcss@^8.2.14, postcss@^8.3.5, postcss@^8.4.7:
 
   version "8.4.14"
 
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
 
@@ -4037,6 +4194,13 @@ semver@^7.3.2, semver@^7.3.5:
 
   dependencies:
 
     lru-cache "^6.0.0"
 
 
+semver@^7.3.4:
 
+  version "7.3.7"
 
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.7.tgz#12c5b649afdbf9049707796e22a4028814ce523f"
 
+  integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
 
+  dependencies:
 
+    lru-cache "^6.0.0"
 
+
 
 send@0.18.0:
 
   version "0.18.0"
 
   resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
 
@@ -4171,6 +4335,11 @@ source-map@~0.7.2:
 
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
 
   integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
 
 
+sourcemap-codec@^1.4.8:
 
+  version "1.4.8"
 
+  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
 
+  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
 
+
 
 spdy-transport@^3.0.0:
 
   version "3.0.0"
 
   resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
 
@@ -4377,6 +4546,16 @@ toidentifier@1.0.1:
 
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
 
   integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
 
 
+ts-loader@^9.0.0:
 
+  version "9.4.1"
 
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.4.1.tgz#b6f3d82db0eac5a8295994f8cb5e4940ff6b1060"
 
+  integrity sha512-384TYAqGs70rn9F0VBnh6BPTfhga7yFNdC5gXbQpDrBj9/KsT4iRkGqKXhziofHOlE2j6YEaiTYVGKKvPhGWvw==
 
+  dependencies:
 
+    chalk "^4.1.0"
 
+    enhanced-resolve "^5.0.0"
 
+    micromatch "^4.0.0"
 
+    semver "^7.3.4"
 
+
 
 type-is@~1.6.18:
 
   version "1.6.18"
 
   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
 
@@ -4385,6 +4564,11 @@ type-is@~1.6.18:
 
     media-typer "0.3.0"
 
     mime-types "~2.1.24"
 
 
+typescript@^4.8.3:
 
+  version "4.8.3"
 
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.3.tgz#d59344522c4bc464a65a730ac695007fdb66dd88"
 
+  integrity sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==
 
+
 
 unicode-canonical-property-names-ecmascript@^2.0.0:
 
   version "2.0.0"
 
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
 
@@ -4445,6 +4629,34 @@ vary@~1.1.2:
 
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
 
   integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
 
 
+vue-loader@^17:
 
+  version "17.0.0"
 
+  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-17.0.0.tgz#2eaa80aab125b19f00faa794b5bd867b17f85acb"
 
+  integrity sha512-OWSXjrzIvbF2LtOUmxT3HYgwwubbfFelN8PAP9R9dwpIkj48TVioHhWWSx7W7fk+iF5cgg3CBJRxwTdtLU4Ecg==
 
+  dependencies:
 
+    chalk "^4.1.0"
 
+    hash-sum "^2.0.0"
 
+    loader-utils "^2.0.0"
 
+
 
+vue-template-compiler@^2.7.10:
 
+  version "2.7.10"
 
+  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.7.10.tgz#9e20f35b2fdccacacf732dd7dedb49bf65f4556b"
 
+  integrity sha512-QO+8R9YRq1Gudm8ZMdo/lImZLJVUIAM8c07Vp84ojdDAf8HmPJc7XB556PcXV218k2AkKznsRz6xB5uOjAC4EQ==
 
+  dependencies:
 
+    de-indent "^1.0.2"
 
+    he "^1.2.0"
 
+
 
+vue@^3:
 
+  version "3.2.39"
 
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.39.tgz#de071c56c4c32c41cbd54e55f11404295c0dd62d"
 
+  integrity sha512-tRkguhRTw9NmIPXhzk21YFBqXHT2t+6C6wPOgQ50fcFVWnPdetmRqbmySRHznrYjX2E47u0cGlKGcxKZJ38R/g==
 
+  dependencies:
 
+    "@vue/compiler-dom" "3.2.39"
 
+    "@vue/compiler-sfc" "3.2.39"
 
+    "@vue/runtime-dom" "3.2.39"
 
+    "@vue/server-renderer" "3.2.39"
 
+    "@vue/shared" "3.2.39"
 
+
 
 watchpack@^2.3.1:
 
   version "2.4.0"
 
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"