Vuetifyを使ったファイルをawsのs3にアップロードした際に日本語が文字化けしてしまいます。

Vuetifyを使いながらホームページを作成し、s3のバケットにアップロードしたところ文字化けしてしまいました。最小限の要素でもう一度アップロードしなおしても日本語のみ文字化けした状態で表示されてしまいます。

発生している問題・エラーメッセージ

こんにちは
Hello
と表示したい部分が以下のように文字化けしてしまいます。

縺薙ｓ縺ｫ縺｡縺ｯ
Hello

該当のソースコード

<!DOCTYPE html>
<html lang="ja">
  <head>
  <meta charaset="UTF-8">
   <!-- vuetify-->
   <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/font@4.x/css/materialdesignicons.min.css" rel="stylesheet">
   <link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
   
    <title>テスト</title>
   <link rel="icon" href="favicon (1).ico">
   <style type="text/css">
   [v-cloak]{
     display: none;
   }

   </style>

    
</head>

<body>
  <div id="app">
    <v-app v-cloak>
      <h1>こんにちは</h1>    
      <h1>Hello</h1>    
    </v-app>
  </div>
  
  <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script>
 
  <script>
    var app = new Vue({
      el: '#app',
      vuetify: new Vuetify(),
  
})
  </script>
</body>

</html>