nuxtjsで外部jsを読み込んでメッセージを表示させたい

nuxt.jsを勉強しているものです。
staticフォルダに配置したcommon.jsを読み込んでmessageに変数に設定したHello Nuxt.js!という文字列を表示させようとしています。
※他のvueファイルでもmessage変数を出力させたいのでcommon.jsというファイル名にしています。

しかし、http://localhost:3000/にアクセスすると以下のエラーが発生します。
[Vue warn]: Property or method "message" is not defined on the instance but referenced during render..

found in

---> <Anonymous>
<Nuxt>
<Layouts/default.vue> at layouts/default.vue
<Root>

実装した内容は以下です。

index.vue

vue
1<template>
2  <div class="container">
3     {{ message }}
4  </div>
5</template>
6
7<script>
8
9</script>
10
11<style>
12
13
14</style>

/static/common.js

js
1export default {
2    data() {
3        return {
4        message: "Hello Nuxt.js!"
5        };
6    }
7};

nuxt.config.js

js
1export default {
2  // Global page headers (https://go.nuxtjs.dev/config-head)
3  head: {
4    title: 'vue-test',
5    meta: [
6      { charset: 'utf-8' },
7      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
8      { hid: 'description', name: 'description', content: '' }
9    ],
10    link: [
11      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
12    ],
13  },
14
15  // Global CSS (https://go.nuxtjs.dev/config-css)
16  css: [
17  ],
18
19  // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
20  plugins: [
21  ],
22
23  script: [
24    { src: 'common.js' }
25  ],
26
27  // Auto import components (https://go.nuxtjs.dev/config-components)
28  components: true,
29
30  // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
31  buildModules: [
32  ],
33
34  // Modules (https://go.nuxtjs.dev/config-modules)
35  modules: [
36  ],
37
38  // Build Configuration (https://go.nuxtjs.dev/config-build)
39  build: {
40  }
41}
42