Invalid expression. Generated function body

Hello I have wrote a tutorial and into this tutorial I'm using vue curly braces syntax to print something out , and I'm also using vue in my blog too . when I have wrote that tutorial and wanted to reload the page then suddenly vue has warn me with an error , that error was referring to the curly braces {{route('post.index')}}, after understand the error whenever I see a curly braces i'll replace it with something else, until now its doing fine, but what should i do to avoid this problem ? the full error is

Vue warn]: Invalid expression. Generated function body:  "<p dir="scope.rtl">توی این آموزش میخوام نحوه ساختن دیتا گرید با استفاده از <code>vue.js</code> و <code>ajax</code> رو آموزش&nbsp;بدم . من توی محیط <code>laravel</code> میخوام این آموزش رو انجام بدم . لذا افرادی که با فرم ورک لاراول آشنایی کافی رو ندارن هیچ مشکلی نداره ، فقط فرض کنید که توی صفحات مختلف <code>php</code> بخواید از <code>vue.js</code> استفاده کنید .</p>\n<p dir="scope.rtl">کاراهای که واسه ساختن این دیتا گرید باید انجام بدیم .</p>\n<p dir="scope.rtl">1 - ساختن یک بانک اطلاعاتی فرقی نمیکنه ، Mysql , Sqlsrv</p>\n<p dir="scope.rtl">2&nbsp;- ایجاد ارتباطات بین فرم ورک و بانک اطلاعاتی</p>\n<p dir="scope.rtl">3&nbsp;- ساختن یک تیبل و ایجاد model من اینجا از یک تیبل به نام posts استفاده میکنم.</p>\n<p dir="scope.rtl">4&nbsp;- ایجاد یک کنترلر به نام postController و ساخت یک اکشن به نام index</p>\n<p dir="scope.rtl">5&nbsp;- ایجاد یک route به نام اکشن تعریف شده در کنترلر .</p>\n<p dir="scope.rtl">6&nbsp;- ساخت core اصلی دیتا گرید با vue.js</p>\n<p dir="scope.rtl">7&nbsp;- تبدیل core &nbsp;به کمپوننت .</p>\n<h4 dir="scope.rtl"># ساخت یک بانک اطلاعاتی</h4>\n<p dir="scope.rtl" style="scope.text-scope.align:scope.right;">واسه ساختن بانک اطلاعاتی خیلی راحت میتونید با استفاده از Phpmyadmin یک بانک اطلاعاتی رو بسازید . اسم بانک اطلاعاتی را میزارم datagrid .&nbsp;</p>\n<h4 dir="scope.rtl" style="scope.text-scope.align:scope.right;"># ایجاد ارتباط بین فرک ورک و بانک اطلاعاتی</h4>\n<p dir="scope.rtl">واسه ایجاد کردن ارتباط بین فرم ورک و بانک اطلاعاتی مورد نظر میتونیم از فایل .env اقدام کنیم و این دستورات رو به اطلاعات مورد نظر خودمون تغییر بدیم .</p>\n<pre class="scope.language-scope.php"><code>DB_CONNECTION=mysql\nDB_HOST=127.0.0.1\nDB_PORT=3306\nDB_DATABASE=datagrid\nDB_USERNAME=root\nDB_PASSWORD=</code></pre>\n<p dir="scope.rtl" style="scope.text-scope.align:scope.right;">&nbsp;</p>\n<h4 dir="scope.rtl" style="scope.text-scope.align:scope.right;"># ساخت یک تیبل با استفاده از migrations</h4>\n<p dir="scope.rtl">با استفاده از دستور</p>\n<pre class="scope.language-scope.php"><code>php artisan make:migration post</code></pre>\n<p dir="scope.rtl">یک فایل migration ساخته میشود که توی متد up &nbsp;میتونید دستورات پایین رو بنویسید .</p>\n<pre class="scope.language-scope.php"><code>Schema::create('posts', function (Blueprint $table) {\n    $table-&gt;increments('id');\n    $table-&gt;string('title');\n    $table-&gt;string('content');\n    $table-&gt;string('slug');\n    $table-&gt;string('thumbnail');\n    $table-&gt;timestamps();\n});</code></pre>\n<p dir="scope.rtl">سپس با استفاده از دستور زیر&nbsp;تیبل مورد نظر با موفقیت ساخته میشود .</p>\n<pre class="scope.language-scope.markup"><code>php artisan migrate</code></pre>\n<p dir="scope.rtl">بعد از ساخت تیبل میتوانیم با استفاده از مدل خود را ایجاد کنیم .</p>\n<pre class="scope.language-scope.php"><code>php artisan make:model Post</code></pre>\n<p>&nbsp;</p>\n<h4 dir="scope.rtl" style="scope.text-scope.align:scope.right;"># ایجاد کنترلر &nbsp;postController و اکشن index</h4>\n<pre class="scope.language-scope.php"><code>php artisan make:controller PostController</code></pre>\n<p dir="scope.rtl">ایجاد یک اکشن در کنترلر به نام index</p>\n<pre class="scope.language-scope.php"><code>public function index(){\n   \n    reutrn Post::get();\n}</code></pre>\n<h4 dir="scope.rtl" style="scope.text-scope.align:scope.right;">#&nbsp;ایجاد یک route &nbsp;با نام اکشن مورد نظر</h4>\n<pre class="scope.language-scope.php"><code>Route::get("scope.post", ["scope.as"=&gt;"scope.post.index", "scope.uses"=&gt;"[email protected]"])</code></pre>\n<h4 dir="scope.rtl" style="scope.text-scope.align:scope.right;"># ساخت core &nbsp;اصلی datagrid</h4>\n<pre class="scope.language-scope.markup"><code>&lt;div class="scope.container"&gt;\n   &lt;table&gt;\n      &lt;tr&gt;\n          \n      &lt;/tr&gt;\n   &lt;/table&gt;\n&lt;/div&gt;</code></pre>\n<p dir="scope.rtl">خوب خیلی راحت یک تیبل ساختیم که این تیبل شامل یک تگ tr &nbsp;میباشد .&nbsp;</p>\n<p dir="scope.rtl">حالا میخوایم مقادیر رو با استفاده از ajax صدا بزنیم و در یک متغیر data آنها رو بریزیم .</p>\n<pre class="scope.language-scope.javascript"><code>new Vue({\n    el:".container",\n    data:{\n        posts:""\n    }\n    ready:function(){\n        var vm = this;\n        $.ajax({\n            url:"{!!scope.action('Postcontroller@getIndex')!!}",\n            type:"scope.get",\n            success:function(e){\n                vm.posts = e;\n            }\n        })\n    }\n})</code></pre>\n<p dir="scope.rtl">بعد از اینکار باید بتوانیم مقادیر موجود در متغیر را نشان دهیم .</p>\n<pre class="scope.language-scope.markup"><code>&lt;div class="scope.container"&gt;\n   &lt;table&gt;\n      &lt;thead&gt;\n          &lt;tr&gt;\n            &lt;td&gt;#&lt;/td&gt;\n            &lt;td&gt;موضوع&lt;/td&gt;  \n            &lt;td&gt;تاریخ ایجاد&lt;/td&gt;\n            &lt;td&gt;تاریخ ویرایش&lt;/td&gt;    \n          &lt;/tr&gt; \n      &lt;/thead&gt;\n      &lt;tr v-for="scope.postinposts"&gt;\n          &lt;td&gt;@"+("post.title")+"'&lt;/td&gt;\n      &lt;/tr&gt;\n   &lt;/table&gt;\n&lt;/div&gt;</code></pre>\n<p>&nbsp;</p>