[Vue.js] csvファイルからデータを読み込み配列にしたい

Vueでタイピングゲームを作っているのですが，タイピングゲームの問題を同じディレクトリ上にあるcsvファイル（./data.csv）から読み込み，配列に代入したいです．

csvファイルのデータをテキストデータとして読み込む方法を教えてください．

vueはcdnで読み込んでいます

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
8    <link rel="stylesheet" href="style.css">
9    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
10    <title>Document</title>
11</head>
12<body>
13    <div id="app" class="container text-center mt-5">
14        ...省略...
15    </div>
16    <script>
17        new Vue({
18            el: "#app",
19            data:{
20                startFlg:"",
21                clearFlg:"",
22                question:"",
23                questions:[],
24                typeBox:"",
25                current_count:0,
26                question_counts:0
27            },
28            ...省略...
29        })
30    </script>
31</body>
32</html>

行動規範の内容に同意します

回答1件

PapaParseというcsvを読み込むライブラリがあります。

html
1ライブラリを読み込む
2<script src="https://cdn.jsdelivr.net/npm/papaparse@5.3.1/papaparse.min.js"></script>
3
4<script>
5	Papa.parse('./data.csv', { //パスは適宜変えてください
6		download: true,
7		complete: function(results, file){
8			console.log(results.data);
9
10			new Vue({
11				el: "#app",
12				data:{
13					csv: results.data, //csvの配列を渡す
14					startFlg:"",
15					clearFlg:"",
16					question:"",
17					questions:[],
18					typeBox:"",
19					current_count:0,
20					question_counts:0
21				},
22				...省略...
23			})
24			
25		}
26	});
27
28</script>