Lesson 89

dojo-blog/.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

dojo-blog/.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

dojo-blog/README.md

@@ -0,0 +1,19 @@
+# dojo-blog
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

dojo-blog/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

dojo-blog/data/db.json

@@ -0,0 +1,44 @@
+{
+  "posts": [
+    {
+      "id": 1,
+      "title": "welcome to the new blog",
+      "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+      "tags": [
+        "webdev",
+        "coding",
+        "news"
+      ]
+    },
+    {
+      "id": 2,
+      "title": "top 5 CSS tips",
+      "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
+      "tags": [
+        "css",
+        "webdev",
+        "coding"
+      ]
+    },
+    {
+      "id": 5707,
+      "title": "Make a modal using CSS",
+      "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis est ex, mollis id placerat eu, vulputate vehicula eros. Etiam nec urna egestas, pretium justo ut, luctus arcu. Maecenas dictum mi elit, sed molestie nulla pulvinar a. Sed pellentesque mauris quis ex aliquam tincidunt. Aliquam erat volutpat. Quisque auctor ante at felis maximus, commodo dapibus massa porttitor. Phasellus dignissim finibus placerat. Duis eu erat sem. Suspendisse venenatis molestie sapien a egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas in imperdiet mi. Etiam ac massa vel nulla lobortis viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.\n\nMauris in erat tincidunt, dictum ligula id, vulputate nisl. Nam accumsan sodales mi, sed faucibus lacus pharetra id. Vestibulum interdum nibh orci, ut egestas risus venenatis vitae. Mauris tortor nisl, congue vulputate mauris sit amet, mattis pellentesque nunc. Proin imperdiet dapibus tincidunt. Cras at vehicula libero. Quisque lobortis quis est vel interdum. Duis molestie feugiat tellus sed sagittis. Duis eleifend lorem mauris, quis suscipit turpis luctus non.",
+      "tags": [
+        "css",
+        "webdev",
+        "coding"
+      ]
+    },
+    {
+      "id": 9831,
+      "title": "Become a Vue Ninja",
+      "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin pretium massa ac malesuada porttitor. Nunc eget nisl finibus, condimentum augue eget, vestibulum ipsum. Mauris eget ex ac enim vulputate vulputate. Quisque ut sem vitae diam pulvinar dictum quis sed nisl. Nullam pharetra ultrices sagittis. Sed suscipit tempor felis id porta. Suspendisse risus mi, cursus ut tellus quis, congue placerat leo. Fusce quis egestas arcu. Fusce in ornare sem, vel pulvinar erat. Donec commodo feugiat tellus, ac iaculis sem iaculis ut. Vestibulum aliquet quam in nisl efficitur, sit amet vestibulum risus vehicula. Donec ultrices finibus purus, eget molestie odio molestie non. Sed et blandit mauris. Vivamus vestibulum lorem ipsum, id bibendum est volutpat nec.\n\nProin et rutrum sapien. Duis eu ipsum est. Duis mollis dolor vel posuere pretium. Nulla dictum ante ut justo dignissim, luctus faucibus tellus hendrerit. In pretium et sapien sed luctus. Mauris at volutpat sapien, a convallis lacus. Aliquam neque neque, pharetra ac ultrices sed, consequat et velit. Donec maximus rhoncus lectus vitae ultrices. Mauris aliquam tincidunt elit ut dignissim.",
+      "tags": [
+        "vue",
+        "coding",
+        "webdev"
+      ]
+    }
+  ]
+}