PackageDetail.vue: Make links from dependencies

fixes #18
dmstern · Sep 2, 2018 · bbb9d3c · bbb9d3c
1 parent a0e943e
commit bbb9d3c
Showing 1 changed file with 24 additions and 2 deletions.
diff --git a/src/views/PackageDetail.vue b/src/views/PackageDetail.vue
@@ -64,9 +64,31 @@
             <v-card>
               <v-card-text v-if="data.currentPackage.dependenciesCount">
                 <h2>Dependencies</h2>
-                <v-chip small outline color="primary" v-for="(version, key) in data.currentPackage.dependencies" :key="key">{{key}}</v-chip>
+                <router-link
+                  v-for="(version, key) in data.currentPackage.dependencies"
+                  :key="key"
+                  :to="`/package/${key}`">
+                  <v-chip
+                    small
+                    outline
+                    color="primary"
+                  >
+                    {{key}}
+                  </v-chip>
+                </router-link>
                 <h2>DevDependencies</h2>
-                <v-chip small outline color="primary" v-for="(version, key) in data.currentPackage.devDependencies" :key="key">{{key}}</v-chip>
+                <router-link
+                  v-for="(version, key) in data.currentPackage.devDependencies"
+                  :key="key"
+                  :to="`/package/${key}`">
+                  <v-chip
+                    small
+                    outline
+                    color="primary"
+                  >
+                    {{key}}
+                  </v-chip>
+                </router-link>
               </v-card-text>
               <v-cart-text v-else>
                 <v-alert :value="true" type="info">