Vue Routerを使ったナビゲーションドロワーのリンク不具合

前提・実現したいこと

ナビゲーションバーではリンクが効くのですが、
ナビゲーションドロワー内のリンクがうまくできず困っています。
HOMEやAboutをクリックすると該当ページに遷移するようにしたいです。
ちなみに、'お支払い・送料について'や’会社概要’などnav_listsの下の階層についてはうまく機能しています。

該当のソースコード

vue.js
1<!--略-->
2  <v-navigation-drawer app v-model="drawer" clipped v-if="$vuetify.breakpoint.smAndDown">
3    <v-container>
4      <v-list-item>
5         <v-list-item-content>
6           <v-list-item-title class="grey--text text--darken-2" @click="drawer=!drawer">
7             <v-icon>mdi-close</v-icon>Close
8           </v-list-item-title>
9         </v-list-item-content>
10       </v-list-item>
11
12       <v-divider></v-divider>
13
14       <v-list nav dense>
15        <v-list-group 
16           v-for="nav_list in nav_lists"
17           :key="nav_list.name"
18     　     :prepend-icon="nav_list.icon"
19           :to="nav_list.link"
20           no-action
21           :append-icon="nav_list.lists ? undefined : ''"
22           color="brack"
23         >
24　　　　　<!--このあたり-->
25          <template v-slot:activator :to="nav_list.link">
26            <v-list-item-content>
27             <v-list-item-title>{{ nav_list.name }}</v-list-item-title>
28            </v-list-item-content>
29          </template>
30            
31        　 <v-list-item 
32            v-for="list in nav_list.lists" 
33            :key="list.name" 
34            :to="list.link"
35　　　　　　　>
36            <v-list-item-content>
37              <v-list-item-title>{{ list.name }}</v-list-item-title>
38            </v-list-item-content>
39          </v-list-item>
40        </v-list-group>
41      </v-list>
42    </v-container>
43  </v-navigation-drawer>
44<!--略-->
45
46<script>
47export default {
48  data(){
49    return{
50      appTitle: '',
51      drawer: false,
52　　　<!--略-->
53　　　// ハンバーガーメニュー
54      nav_lists:[
55        {
56          name: 'HOME',
57          icon: 'mdi-home',
58          link: '/'
59        },
60        {
61          name: 'About',
62          icon: 'mdi-star',
63          link: '/about'
64        },
65        {
66          name: 'お問合わせ',
67          icon: 'mdi-email',
68          lists:[
69            {
70              name: 'お支払い・送料について',
71              icon: 'mdi-package-variant-closed',
72              link:'/payment-shipping'
73            },
74            {
75              name: '会社概要',
76              icon: 'mdi-office-building',
77              link:'/Company'
78            },
79            {
80              name: 'メール',
81              icon: 'mdi-email',
82              link:'/contact'
83            }
84          ]
85        }
86      ]
87　　　<!--略-->