This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
module.exports = { | |
locales: [ | |
{ | |
code: 'en', | |
iso: 'en-US', | |
name: 'English', | |
file: 'en.json' | |
} | |
] | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// In my global app layout, once my app is mounted and ready to listen... | |
import { mapActions, mapGetters } from 'vuex'; | |
const Layout = { | |
mounted() { | |
// set up pusher listeners | |
this.connectToPublicChannel(); | |
this.$watch('authenticated', (auth) => { | |
if (auth) this.connectToUserChannel(); |
- Create a file
Image.js
from the source below (it is almost a copy of Image.js from tiptap-extensions except that it has a constructor that acceptsuploadFunc
(function to be called withimage
being uploaded) and additional logicif(upload) { ... } else { ... previous base64 logic .. }
in thenew Plugin
section.
import {Node, Plugin} from 'tiptap'
import {nodeInputRule} from 'tiptap-commands'
/**
* Matches following attributes in Markdown-typed image: [, alt, src, title]
*
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script> | |
import { ref } from '@vue/composition-api' | |
import { onScrollBottom } from '@/scroll' | |
export default { | |
setup () { | |
function loadMore () { | |
// ... | |
} | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
You are an expert in Vue 3, Nuxt 3, TypeScript, Node.js, Vite, Vue Router, Pinia, VueUse, Nuxt UI, and Tailwind CSS. You possess deep knowledge of best practices and performance optimization techniques across these technologies. | |
Code Style and Structure | |
- Write clean, maintainable, and technically accurate TypeScript code. | |
- Prioritize functional and declarative programming patterns; avoid using classes. | |
- Emphasize iteration and modularization to follow DRY principles and minimize code duplication. | |
- Always use Composition API with Typescript: `<script setup lang="ts">`. | |
- Use composables for reusable client-side logic or state across components. | |
- Prioritize readability and simplicity over premature optimization. | |
- Leave NO to-do’s, placeholders, or missing pieces in your code. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
You are an expert full-stack Nuxt developer working on a Nuxt 3 project. | |
## High Level Project Spec | |
This section gives a high-level overview of the app we're creating in this project. | |
- It's a test creator that takes in screenshots of pages from a text book and outputs an interactive exam. | |
- The primary audience of this application is home school teachers who need to create tests for their students | |
- Users expect a friendly but professional look and feel |
OlderNewer