migrate frontend dependencies to webjars

devcordde · Sep 25, 2024 · 90fe153 · 90fe153
1 parent 3ab5a12
commit 90fe153
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
@@ -35,9 +35,22 @@ dependencies {
     implementation("org.thymeleaf.extras:thymeleaf-extras-springsecurity6")
     implementation("org.springframework.boot:spring-boot-starter-oauth2-client")
     implementation("com.google.code.findbugs:jsr305:3.0.2")
+
     implementation("org.webjars:webjars-locator:0.52")
     implementation("org.webjars:webjars-locator-core:0.59")
 
+    runtimeOnly("org.webjars.npm:vue:2.7.16") {
+        exclude(group = "org.webjars.npm", module = "vue__compiler-sfc")
+    }
+    runtimeOnly("org.webjars.npm:vuetify:2.7.0")
+    runtimeOnly("org.webjars.npm:vue-router:3.5.3")
+    implementation("org.webjars:material-design-icons:4.0.0")
+
+
+
+
+
+
     compileOnly("org.springframework.boot:spring-boot-configuration-processor")
     annotationProcessor("org.springframework.boot:spring-boot-configuration-processor")
 

diff --git a/app/src/main/resources/templates/index.html b/app/src/main/resources/templates/index.html
@@ -4,16 +4,15 @@
 	<meta charset="UTF-8">
 	<title>Title</title>
 	<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
-	<link href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" rel="stylesheet">
-	<link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">
+	<link th:href="@{/webjars/material-design-icons/material-icons.css}" rel="stylesheet">
+	<link th:href="@{/webjars/vuetify/dist/vuetify.min.css}" rel="stylesheet">
 	<link th:href="@{/css/style.css}" rel="stylesheet" type="text/css">
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
 </head>
 <body>
-<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.js"></script>
-<script src="https://unpkg.com/vue-router@3/dist/vue-router.js"></script>
-
+<script th:src="@{/webjars/vue/dist/vue.min.js}"></script>
+<script th:src="@{/webjars/vuetify/dist/vuetify.min.js}"></script>
+<script th:src="@{/webjars/vue-router/dist/vue-router.min.js}"></script>
 
 <script type="module" th:src="@{/js/app.js}"></script>
 <div id="app"></div>