diff --git a/docs/src/vue/components/pages/tutorials/serving_static_paths.vue b/docs/src/vue/components/pages/tutorials/serving_static_paths.vue
index 2fa3c5189..fa309fe32 100644
--- a/docs/src/vue/components/pages/tutorials/serving_static_paths.vue
+++ b/docs/src/vue/components/pages/tutorials/serving_static_paths.vue
@@ -10,17 +10,15 @@ export const resource = {
export default {
data() {
return {
- data: {
- example_code: this.$app_data.example_code['/docs/src/example_code/tutorials/serving_static_paths'],
- example_code_public: this.$app_data.example_code['/docs/src/example_code/tutorials/serving_static_paths/public'],
- toc: {
- items: [
- "Before You Get Started",
- "Folder Structure End State",
- "Steps",
- "Verification"
- ]
- }
+ example_code: this.$app_data.example_code['/docs/src/example_code/tutorials/serving_static_paths'],
+ example_code_public: this.$app_data.example_code['/docs/src/example_code/tutorials/serving_static_paths/public'],
+ toc: {
+ items: [
+ "Before You Get Started",
+ "Folder Structure End State",
+ "Steps",
+ "Verification"
+ ]
}
};
},
@@ -44,19 +42,19 @@ page-tutorial(
h2#folder-structure-end-state Folder Structure End State
ul
li Upon completing this tutorial, your project's folder structure should look similar to:
- code-block(:data="data.example_code.folder_structure")
+ code-block(:data="example_code.folder_structure")
div.row
div.col
hr
h2#steps Steps
ol
li Create your app file.
- code-block(:data="data.example_code.app" line_highlight="7,10")
+ code-block(:data="example_code.app" line_highlight="7,10")
p The static_paths
config tells your Drash server what paths on your filesystem contain static files that can be served to clients. Ultimately, your Drash server will prefix the directory
config with your paths in your static_paths
config. For example, your Drash server will take a request to /public/assets/css/style.css
and resolve it to {directory_config}/public/assets/css/style.css
.
li Create your style.css
file in your static directory.
- code-block(:data="data.example_code_public.style" title="/path/to/your/project/public/style.css")
+ code-block(:data="example_code_public.style" title="/path/to/your/project/public/style.css")
li Create your resource file.
- code-block(:data="data.example_code.home_resource")
+ code-block(:data="example_code.home_resource")
p Your resource file will serve HTML; and your HTML will reference style.css
.
div.row
div.col